<template>
	<div>
		<!--查看-->
		<div :class="showinfo?'modal in fade':'modal fade'" tabindex="-1" role="dialog" id="keshi"
			:style="showinfo?'display: block !important;z-index:200;':'z-index:200;'">
			<div class="cent w600"
				style="justify-content: center;width: 100% !important;height: calc(100vh - 50px);margin: 0;">
				<div class="modal-dialog" role="document" style="width: 100%;height: 100%;margin: 0;">
					<div class="modal-content">
						<div class="modal-header tit">
							<em></em> 当前项目：{{info.xmName}}
							<div class="right" @click="closeadd2">
								<button type="button" class="close" data-dismiss="modal" aria-label="Close"
									style="line-height: normal;"><span class="iconfont icon-cha"
										aria-hidden="true"></span> </button>
							</div>
						</div>
						<!--表单-->
						<div class="modal-body h100 search-cont" style="padding: 15px 27px;height: calc(100vh - 96px);">
							<div class="tablist">
								<div class="tab_top">
									<div :class="activeName==1?'act_top top_1':'top_1'" @click="changetab(1)">概况
									</div>
									<div :class="activeName==2?'act_top top_1':'top_1'" @click="changetab(2)">任务
									</div>
									<div :class="activeName==3?'act_top top_1':'top_1'" @click="changetab(3)">需求
									</div>
									<div :class="activeName==4?'act_top top_1':'top_1'" @click="changetab(4)">会议
									</div>
									<div :class="activeName==5?'act_top top_1':'top_1'" @click="changetab(5)">合同
									</div>
								</div>
							</div>
							<div class="secsn" v-if="activeName==1">
								<div class="sublist">
									<div class="subli">
										<div class="subli_left">
											<label class="subl">项目名称：</label>
											<div class="input-cont">
												<div>{{info.xmName}}</div>
											</div>
										</div>
										<div class="subli_left">
											<label class="subl">项目状态：</label>
											<div class="input-cont">
												<div>{{info.state}}</div>
											</div>
										</div>
									</div>

									<div class="subli">
										<div class="subli_left">
											<label class="subl">预计开始日期：</label>
											<div class="input-cont">
												<div>{{info.beginDate}}</div>
											</div>
										</div>
										<div class="subli_left">
											<label class="subl">预计结束日期：</label>
											<div class="input-cont">
												<div>{{info.finishDate}}</div>
											</div>
										</div>
									</div>

									<div class="subli">
										<div class="sublia" style="width: 100%;">
											<label class="subl">项目概况：</label>
											<div class="input-cont" style="width: 100%;">
												<textarea style="width: 100%;height: 150px;" name=""
													v-model="info.xmDescription" id="" readonly
													placeholder="请输入项目概况"></textarea>
											</div>
										</div>
									</div>

									<div class="subli" style="justify-content: flex-start;">
										<div class="subli_left" style="width: auto;margin-right: 30px;">
											<label class="subl">项目经理：</label>
											<div class="input-cont">
												<div>{{info.principalName}}</div>
											</div>
										</div>
										<div class="subli_left" style="width: auto;">
											<label class="subl">项目组成员：</label>
											<div class="input-cont">
												<span style="margin-right: 10px;"
													v-for="item in info.members">{{item.realName}}</span>
											</div>
										</div>
									</div>
									<div class="subli">
										<label class="subl">任务动态：</label>
										<div class="dybox">
											<div class="dynamic">
												<div class="dy_left" v-for="item,index in dylist">
													<div class="dy_name" :title="item.createName">{{item.createName}}
													</div>
													<div class="dy_text">{{item.rwOperteTypeName}}</div>
													<div class="dy_xmname" :title="item.rwName">{{item.rwName}}</div>
													<div class="dy_date">{{item.createTime}}</div>
												</div>
											</div>

											<el-pagination @size-change="handleSizeChangex"
												@current-change="handleCurrentChangex" :current-page="pagex"
												:page-sizes="[10, 30, 60, 100]" :page-size="limitx"
												layout="total, sizes, prev, pager, next" :total="inglenx">
											</el-pagination>
										</div>

									</div>

								</div>
							</div>
							<div class="secsn" v-if="activeName==2">
								<!-- <h2 class="tcent" v-if="rwlist.length ==0">暂时没有数据</h2> -->
								<el-empty v-if="rwlist.length ==0" description="暂时没有数据"></el-empty>
								<div class="search_box"
									style="justify-content: flex-end;position: absolute;top: -62px;right:0">
									<div class="add_btn sear_btns" @click="openjd"
										v-if="$permissions.indexOf(165)  != -1">
										<img src="@assets/images/add.png" alt="">
										新增阶段
									</div>
								</div>
								<div class="xmlist" v-for="item,index in rwlist">
									<div class="list_title">
										<div class="list_title_l">
											<strong v-if="item.id != 0">第 <span>{{index+1}}</span> 步</strong>
											<strong>{{item.xmStageName}}</strong>
										</div>
										<div class="list_title_r">
											<div class="list_btns list_btn_add" @click="openaddrw(item)"
												v-if="$permissions.indexOf(165)  != -1">
												<img src="@assets/images/addfen.png" alt="">添加
											</div>
											<div class="list_btns list_btn_edit" @click="editjd(index)"
												v-if="item.id != 0 && $permissions.indexOf(167)  != -1">
												<img src="@assets/images/xmedit.png" alt="">编辑
											</div>
											<div class="list_btns list_btn_del" @click="ids=item.id;del('jd')"
												v-if="item.id != 0 && $permissions.indexOf(168)  != -1">
												<img src="@assets/images/del.png" alt="">删除
											</div>
											<img src="@assets/images/xmup.png" class="up" alt=""
												@click="opendown(index)"
												:style="item.open?'':'transform: rotateZ(180deg);'">
										</div>
									</div>
									<div v-if="item.open">
										<div v-if="item.arr.length > 0">
											<table class="table table-hover">
												<tr>
													<th>任务名称</th>
													<th>优先级</th>
													<th>任务状态</th>
													<th>安排人</th>
													<th>执行人</th>
													<th>审批人</th>
													<th class="tcent"
														v-if="$permissions.indexOf(170)  != -1 || $permissions.indexOf(171)  != -1 || $permissions.indexOf(172)  != -1">
														操作</th>
												</tr>
												<tr v-for="item2,index2 in item.arr">
													<td>{{item2.rwName}}</td>
													<td>{{item2.emergencyName}}</td>
													<td>{{item2.stateName}}</td>
													<td>{{item2.createName}}</td>
													<td>{{item2.completeName}}</td>
													<td>
														<div v-if="item2.agreeUsers" style="display: flex;">
															<div v-for="item3 in item2.agreeUsers"
																style="margin-right: 10px;">{{item3.realName}}
															</div>
														</div>
													</td>
													<td class="tcent" style="width: 250px;"
														v-if="$permissions.indexOf(170)  != -1 || $permissions.indexOf(171)  != -1 || $permissions.indexOf(172)  != -1">
														<a href="javascript:;" class=" btn-blue btns"
															@click="getrwinfo(index,index2)"
															v-if="$permissions.indexOf(170)  != -1">查看</a>
														<a href="javascript:;" class=" btn-green btns"
															@click="editrw(index,index2)"
															v-if="$permissions.indexOf(171)  != -1">编辑</a>
														<a href="javascript:;" class="btn-gray btns"
															@click="ids=item2.id;del('rw')"
															v-if="$permissions.indexOf(172)  != -1">删除</a>
													</td>
												</tr>

											</table>

											<el-pagination @size-change="handleSizeChangex" v-if="item.arr.length > 0"
												@current-change="handleCurrentChangex($event,index)"
												:current-page="item.pagex" :page-sizes="[5,10, 30, 60, 100]"
												:page-size="item.limitx"
												style="margin: 10px auto;display: flex;justify-content: center;"
												layout="total, sizes, prev, pager, next" :total="item.inglenx">
											</el-pagination>
										</div>

									</div>

								</div>

							</div>
							<div class="secsn" v-if="activeName==3">
								<div class="search_box"
									style="justify-content: flex-end;position: absolute;top: -62px;right:0">
									<div class="add_btn sear_btns" @click="type='add';utype='xq';showxq=true"
										v-if="$permissions.indexOf(165)  != -1">
										<img src="@assets/images/add.png" alt="">
										新增需求
									</div>
								</div>
								<el-empty v-if="xqlist.length ==0" description="暂时没有数据"></el-empty>
								<table class="table table-hover" v-else>
									<tr>
										<th>需求标题</th>
										<th>需求描述</th>
										<th>提出日期</th>
										<th>优先级</th>
										<th class="tcent"
											v-if="$permissions.indexOf(167)  != -1 || $permissions.indexOf(168)  != -1">
											操作</th>
									</tr>
									<tr v-for="item,index in xqlist">
										<td>{{item.xqName}}</td>
										<td>{{item.xqDescription}}</td>
										<td>{{item.createDate}}</td>
										<td>{{item.emergencyName}}</td>
										<td class="tcent"
											v-if="$permissions.indexOf(167)  != -1 || $permissions.indexOf(168)  != -1">
											<a href="javascript:;" class=" btn-green btns" @click="editxq(index)"
												v-if="$permissions.indexOf(167)  != -1">编辑</a>
											<a href="javascript:;" class="btn-gray btns" @click="ids = item.id;del()"
												v-if="$permissions.indexOf(168)  != -1">删除</a>
										</td>
									</tr>

								</table>

								<div class="page_box">
									<el-pagination @size-change="handleSizeChangex"
										@current-change="handleCurrentChangex" :current-page="pagex"
										:page-sizes="[10, 30, 60, 100]" :page-size="limitx"
										layout="total, sizes, prev, pager, next, jumper" :total="inglenx">
									</el-pagination>
								</div>
							</div>
							<div class="secsn" v-if="activeName==4">
								<div class="search_box"
									style="justify-content: flex-end;position: absolute;top: -62px;right:0">
									<div class="add_btn sear_btns" @click="type='add';utype='jl';showhy=true"
										v-if="$permissions.indexOf(165)  != -1">
										<img src="@assets/images/add.png" alt="">
										新增会议
									</div>
								</div>
								<el-empty v-if="hylist.length ==0" description="暂时没有数据"></el-empty>
								<table class="table table-hover" v-else>
									<tr>
										<th>会议标题</th>
										<th>会议类型</th>
										<th>开会日期</th>
										<th>组织人</th>
										<th class="tcent"
											v-if="$permissions.indexOf(167)  != -1 || $permissions.indexOf(168)  != -1">
											操作</th>
									</tr>
									<tr v-for="item,index in hylist">
										<td>{{item.meetingTitle}}</td>
										<td>{{item.typeName}}</td>
										<td>{{item.beginDate}}</td>
										<td>{{item.organizeName}}</td>
										<td class="tcent"
											v-if="$permissions.indexOf(167)  != -1 || $permissions.indexOf(168)  != -1">
											<a href="javascript:;" class=" btn-green btns" @click="edithy(index)"
												v-if="$permissions.indexOf(167)  != -1">编辑</a>
											<a href="javascript:;" class="btn-gray btns" @click="ids = item.id;del()"
												v-if="$permissions.indexOf(168)  != -1">删除</a>
										</td>
									</tr>

								</table>

								<div class="page_box">
									<el-pagination @size-change="handleSizeChangex"
										@current-change="handleCurrentChangex" :current-page="pagex"
										:page-sizes="[10, 30, 60, 100]" :page-size="limitx"
										layout="total, sizes, prev, pager, next, jumper" :total="inglenx">
									</el-pagination>
								</div>
							</div>
							<div class="secsn" v-if="activeName==5">
								<div class="search_box"
									style="justify-content: flex-end;position: absolute;top: -62px;right:0">
									<div class="add_btn sear_btns" @click="type='add';showht=true"
										v-if="$permissions.indexOf(165)  != -1">
										<img src="@assets/images/add.png" alt="">
										新增合同
									</div>
								</div>
								<!-- <h2 class="tcent" style="margin-top: 0;padding-top: 20px;" v-if="hylist.length ==0">
									暂时没有数据</h2> -->
								<el-empty v-if="htlist.length ==0" description="暂时没有数据"></el-empty>
								<table class="table table-hover" v-else>
									<tr>
										<th>合同编号</th>
										<th>合同名称</th>
										<th>合同金额</th>
										<th>已付</th>
										<th>未付</th>
										<th class="tcent">
											操作</th>
									</tr>
									<tr v-for="item,index in htlist">
										<td>{{item.code}}</td>
										<td>{{item.agreementName}}</td>
										<td>{{item.sumMoney}}</td>
										<td>{{item.hasPay}}</td>
										<td>{{item.needPay}}</td>
										<td class="tcent">
											<a href="javascript:;" class="btn-blue btns" @click="check(index)">查看</a>
											<a href="javascript:;" class=" btn-green btns" @click="editht(index)"
												v-if="$permissions.indexOf(167)  != -1">编辑</a>
											<a href="javascript:;" class="btn-gray btns" @click="ids = item.id;del()"
												v-if="$permissions.indexOf(168)  != -1">删除</a>
										</td>
									</tr>

								</table>

								<div class="page_box">
									<el-pagination @size-change="handleSizeChangex"
										@current-change="handleCurrentChangex" :current-page="pagex"
										:page-sizes="[10, 30, 60, 100]" :page-size="limitx"
										layout="total, sizes, prev, pager, next, jumper" :total="inglenx">
									</el-pagination>
								</div>
							</div>

						</div>
					</div>
				</div>
			</div>
		</div>

		<!--新增付款记录-->
		<div :class="showpay?'modal in fade':'modal fade'" tabindex="-1" role="dialog" id="keshi"
			:style="showpay?'display: block;z-index:201;':'z-index:201;'">
			<div class="cent w600" style="justify-content: center;width: 860px !important;">
				<div class="modal-dialog" role="document" style="width: 100%;height: 502px;">
					<div class="modal-content">
						<div class="modal-header tit">
							<em></em>{{payid?'编辑付款记录':'新增付款记录'}}
							<div class="right" @click="closepay">
								<button type="button" class="close" data-dismiss="modal" aria-label="Close"
									style="line-height: normal;"><span class="iconfont icon-cha"
										aria-hidden="true"></span> </button>
							</div>
						</div>
						<!--表单-->
						<div class="modal-body h100 search-cont" style="padding: 15px 27px;height: 384px;">
							<div class="sublist">
								<div class="subli">
									<div class="subli_left">
										<label class="subl"><em class="red">*</em>金额（元）</label>
										<div class="input-cont">
											<input type="text" class="form-control" v-model="payinfo.money"
												placeholder="输入金额">
										</div>
									</div>
									<div class="subli_left">
										<label class="subl"><em class="red">*</em>条约</label>
										<div class="input-cont">
											<input type="text" class="form-control" v-model="payinfo.promis"
												placeholder="输入条约">
										</div>
									</div>
								</div>
								<div class="subli">
									<div class="subli_left">
										<label class="subl"><em class="red">*</em>付款时间</label>
										<div class="input-cont">
											<el-date-picker v-model="payinfo.payTime" type="datetime"
												style="width: 100%;" placeholder="选择付款时间">
											</el-date-picker>
										</div>
									</div>
									<div class="subli_left">
										<label class="subl"><em class="red">*</em>操作人</label>
										<div class="input-cont">
											<el-autocomplete popper-class="my-autocomplete" :trigger-on-focus="false"
												v-model="uname_fk" value-key="realName" @change="utype='fk'"
												:fetch-suggestions="querySearch_fk" placeholder="请选择操作人"
												@select="handleSelect_fk">
												<template slot-scope="{ item }">
													<div class="tab_tr">
														<div class="tab_td">{{ item.userName }}</div>
														<div class="tab_td">{{ item.realName }}</div>
														<div class="tab_td">{{ item.departName }}</div>
														<div class="tab_td">{{ item.phoneNo }}</div>
													</div>

												</template>
											</el-autocomplete>
											<span class="iconfont icon-list" @click="utype='fk';openuseralert()"></span>
										</div>
									</div>
								</div>
								<div class="subli">
									<div class="subli_left" style="width: 100%;">
										<label class="subl">备注</label>
										<div class="input-cont">
											<textarea name="" v-model="payinfo.remark" id=""
												placeholder="请输入备注"></textarea>
										</div>
									</div>
								</div>
							</div>
						</div>
						<div class="modal-footer tcent">
							<button class="btn btn-primary" @click="addpay">确定</button>
							<button class="btn btn-info close_eng" @click="closepay">关闭</button>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!--新增发票记录-->
		<div :class="showinv?'modal in fade':'modal fade'" tabindex="-1" role="dialog" id="keshi"
			:style="showinv?'display: block;z-index:201;':'z-index:201;'">
			<div class="cent w600" style="justify-content: center;width: 860px !important;">
				<div class="modal-dialog" role="document" style="width: 100%;height: 622px;">
					<div class="modal-content">
						<div class="modal-header tit">
							<em></em>{{invid?'编辑发票记录':'新增发票记录'}}
							<div class="right" @click="closepay">
								<button type="button" class="close" data-dismiss="modal" aria-label="Close"
									style="line-height: normal;"><span class="iconfont icon-cha"
										aria-hidden="true"></span> </button>
							</div>
						</div>
						<!--表单-->
						<div class="modal-body h100 search-cont" style="padding: 15px 27px;height: 504px;">
							<div class="sublist">
								<div class="subli">
									<div class="subli_left">
										<label class="subl"><em class="red">*</em>发票编号</label>
										<div class="input-cont">
											<input type="text" class="form-control" v-model="invinfo.name"
												placeholder="输入发票编号">
										</div>
									</div>
									<div class="subli_left">
										<label class="subl"><em class="red">*</em>金额（元）</label>
										<div class="input-cont">
											<input type="text" class="form-control" v-model="invinfo.money"
												placeholder="输入金额">
										</div>
									</div>
								</div>
								<div class="subli">
									<div class="subli_left">
										<label class="subl"><em class="red">*</em>发票类型</label>
										<div class="input-cont">
											<el-select v-model="invinfo.type" placeholder="发票类型">
												<el-option v-for="item in options_i" :key="item.id" :label="item.name"
													:value="item.id">
												</el-option>
											</el-select>
										</div>
									</div>
									<div class="subli_left">
										<label class="subl"><em class="red">*</em>付款时间</label>
										<div class="input-cont">
											<el-date-picker v-model="invinfo.time" type="datetime" style="width: 100%;"
												placeholder="选择付款时间">
											</el-date-picker>
										</div>
									</div>
								</div>
								<div class="subli">

									<div class="subli_left">
										<label class="subl"><em class="red">*</em>操作人</label>
										<div class="input-cont">
											<el-autocomplete popper-class="my-autocomplete" :trigger-on-focus="false"
												v-model="uname_fp" value-key="realName" @change="utype='fp'"
												:fetch-suggestions="querySearch_fp" placeholder="请选择操作人"
												@select="handleSelect_fp">
												<template slot-scope="{ item }">
													<div class="tab_tr">
														<div class="tab_td">{{ item.userName }}</div>
														<div class="tab_td">{{ item.realName }}</div>
														<div class="tab_td">{{ item.departName }}</div>
														<div class="tab_td">{{ item.phoneNo }}</div>
													</div>

												</template>
											</el-autocomplete>
											<span class="iconfont icon-list" @click="utype='fp';openuseralert()"></span>
										</div>
									</div>
								</div>
								<div class="subli">
									<div class="subli_left" style="width: 100%;">
										<label class="subl">备注</label>
										<div class="input-cont">
											<textarea name="" v-model="invinfo.description" id=""
												placeholder="请输入备注"></textarea>
										</div>
									</div>
								</div>

								<div class="subli">
									<div class="subli_left" style="width:100%">
										<label class="subl">附件信息：</label>
										<div class="task_r" style="width: 100%;">
											<el-upload class="upload-demo" ref="upload" :data="{project:'xm'}"
												:headers="{'Authorization':token}" :action="$url+'/file/upload'"
												:show-file-list="false" :file-list="fileList_i"
												:before-upload="beforeUpload_i" :on-success="uploadsuc_i"
												:multiple="true" :auto-upload="true">
												<div class="upload_btn">
													<img src="@/assets/images/upload.png" alt="">点击上传
												</div>
											</el-upload>
											<div class="upload_list">
												<div class="up_li" v-for="item,index in files_i">
													<div class="file_name">
														<div class="file_name_left"><img
																src="@/assets/images/upload.png" alt="">{{item}}
														</div>
														<div class="file_name_right">
															<div class="file_check" @click="check_file($url + item)">查看
															</div>
															<div class="file_del" @click="del_file3(index)">
																删除
															</div>
														</div>
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
						<div class="modal-footer tcent">
							<button class="btn btn-primary" @click="addinv">确定</button>
							<button class="btn btn-info close_eng" @click="closepay">关闭</button>
						</div>
					</div>
				</div>
			</div>
		</div>

		<!--查看合同-->
		<div :class="showhtinfo?'modal in fade':'modal fade'" tabindex="-1" role="dialog" id="keshi"
			:style="showhtinfo?'display: block;z-index:200;':'z-index:200;'">
			<div class="cent w600" style="justify-content: center;width: 860px !important;">
				<div class="modal-dialog" role="document" style="width: 100%;height: 695px;">
					<div class="modal-content">
						<div class="modal-header tit">
							<em></em> 查看合同
							<div class="right" @click="closexm">
								<button type="button" class="close" data-dismiss="modal" aria-label="Close"
									style="line-height: normal;"><span class="iconfont icon-cha"
										aria-hidden="true"></span> </button>
							</div>
						</div>
						<!--表单-->
						<div class="modal-body h100 search-cont" style="padding: 15px 27px;height: 648px;">
							<div class="sublist">
								<div class="subli">
									<div class="subli_left">
										<label class="subl">合同名称</label>
										<div class="input-cont">
											<input type="text" class="form-control" v-model="htinfo.agreementName"
												readonly>
										</div>
									</div>
									<div class="subli_left">
										<label class="subl">合同类型</label>
										<div class="input-cont">
											<input type="text" class="form-control" v-model="htinfo.typeName" readonly>
										</div>
									</div>
								</div>
								<div class="subli">
									<div class="subli_left">
										<label class="subl">合同编号</label>
										<div class="input-cont">
											<input type="text" class="form-control" v-model="htinfo.code" readonly>
										</div>
									</div>
									<div class="subli_left">
										<label class="subl">乙方单位</label>
										<div class="input-cont">
											<input type="text" class="form-control" v-model="htinfo.partb" readonly>
										</div>
									</div>
								</div>
								<div class="subli">
									<div class="subli_left">
										<label class="subl">签订日期</label>
										<div class="input-cont">
											<el-date-picker v-model="htinfo.signTime" type="datetime"
												style="width: 100%;" readonly>
											</el-date-picker>
										</div>
									</div>
									<div class="subli_left">
										<label class="subl">验收日期</label>
										<div class="input-cont">
											<el-date-picker v-model="htinfo.checkTime" type="datetime"
												style="width: 100%;" readonly>
											</el-date-picker>
										</div>
									</div>
								</div>
								<div class="subli">
									<div class="subli_left">
										<label class="subl">开始时间</label>
										<div class="input-cont">
											<el-date-picker v-model="htinfo.beginTime" type="datetime"
												style="width: 100%;" readonly>
											</el-date-picker>
										</div>
									</div>
									<div class="subli_left">
										<label class="subl">结束时间</label>
										<div class="input-cont">
											<el-date-picker v-model="htinfo.finishTime" type="datetime"
												style="width: 100%;" readonly>
											</el-date-picker>
										</div>
									</div>
								</div>
								<div class="subli">
									<div class="subli_left">
										<label class="subl">所属项目</label>
										<div class="input-cont">
											<input type="text" class="form-control" v-model="htinfo.xmName" readonly>
										</div>
									</div>
								</div>
								<div class="subli">
									<div class="sublia">
										<label class="subl">合同说明</label>
										<div class="input-cont">
											<textarea name="" v-model="htinfo.description" id="" readonly></textarea>
											<!-- <div class="snum">{{xqinfo.xqDescription.length}}/1000</div> -->
										</div>
									</div>
								</div>

								<div class="subli">
									<div class="subli_left" style="width:100%">
										<label class="subl">附件信息：</label>
										<div class="task_r" style="width: 100%;">

											<div class="upload_list">
												<div class="up_li" v-for="item,index in files3">
													<div class="file_name">
														<div class="file_name_left"><img
																src="@/assets/images/upload.png" alt="">{{item}}
														</div>
														<div class="file_name_right">
															<div class="file_check" @click="check_file($url + item)">查看
															</div>
														</div>
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
								<div class="httablist">
									<div class="subli">
										<div class="httitle">采购付款计划</div>
									</div>
									<table style="width: 100%;">
										<tr>

											<th>分期</th>
											<th>付款金额（元）</th>
											<th>计划付款日期</th>
											<th>备注</th>
										</tr>
										<tr v-for="item,index in buy">

											<td class="tcent">{{index+1}}</td>
											<td><input type="text" class="form-control" v-model="item.money" readonly
													placeholder="输入付款金额"></td>
											<td>
												<el-date-picker v-model="item.time" type="datetime" readonly>
												</el-date-picker>
											</td>

											<td><input type="text" class="form-control" v-model="item.promise"
													placeholder="请输入备注"></td>
										</tr>
									</table>
								</div>

								<div class="httablist">
									<div class="subli">
										<div class="httitle">维保付款计划</div>
									</div>
									<table style="width: 100%;">
										<tr>
											<th>分期</th>
											<th>付款金额（元）</th>
											<th>计划付款日期</th>
											<th>备注</th>
										</tr>
										<tr v-for="item,index in maintain">

											<td class="tcent">{{index+1}}</td>
											<td><input type="text" class="form-control" v-model="item.money" readonly
													placeholder="输入付款金额"></td>
											<td>
												<el-date-picker v-model="item.time" type="datetime" readonly>
												</el-date-picker>
											</td>
											<td><input type="text" class="form-control" v-model="item.promise"
													placeholder="请输入备注"></td>
										</tr>
									</table>
								</div>

								<el-tabs v-model="activeNames" type="border-card">
									<el-tab-pane label="付款记录" name="first">
										<div class="subli">
											<div class="httitle">付款记录</div>
											<div class="add_btn sear_btns" @click="showpay = true">
												<img src="@assets/images/add.png" alt="">
												添加付款记录
											</div>
										</div>
										<h2 class="tcent" v-if="paylist.length ==0">暂时没有数据</h2>
										<table class="table table-hover" v-else>
											<tr>
												<th>付款条约</th>
												<th>付款金额</th>
												<th>付款时间</th>
												<th>备注</th>
												<th>操作人</th>
												<th class="tcent">
													操作
												</th>
											</tr>
											<tr v-for="item,index in paylist">
												<td>{{item.promis}}</td>
												<td>{{item.money}}</td>
												<td>{{item.payDate}}</td>
												<td>{{item.remark}}</td>
												<td>{{item.operateName}}</td>
												<td class="tcent" style="width: 250px;">
													<a href="javascript:;" class="btn-green btns"
														@click="editpay(index)">编辑</a>
													<a href="javascript:;" class="btn-gray btns"
														@click="ids = item.id;del('pay')">删除</a>

												</td>
											</tr>

										</table>

										<div class="page_box">
											<el-pagination @size-change="handleSizeChange_p"
												@current-change="handleCurrentChange_p" :current-page="page_p"
												:page-sizes="[10, 30, 60, 100]" :page-size="limit_p"
												layout="total, sizes, prev, pager, next, jumper" :total="inglen_p">
											</el-pagination>
										</div>
									</el-tab-pane>
									<el-tab-pane label="发票记录" name="second">
										<div class="subli">
											<div class="httitle">发票记录</div>
											<div class="add_btn sear_btns" @click="showinv = true">
												<img src="@assets/images/add.png" alt="">
												添加发票记录
											</div>
										</div>
										<h2 class="tcent" v-if="invlist.length ==0">暂时没有数据</h2>
										<table class="table table-hover" v-else>
											<tr>
												<th>发票编号</th>
												<th>发票类型</th>
												<th>发票说明</th>
												<th>发票金额</th>
												<th>操作人</th>
												<th class="tcent">
													操作
												</th>
											</tr>
											<tr v-for="item,index in invlist">
												<td>{{item.name}}</td>
												<td>{{item.typeName}}</td>
												<td>{{item.description}}</td>
												<td>{{item.money}}</td>
												<td>{{item.operateName}}</td>
												<td class="tcent" style="width: 250px;">
													<a href="javascript:;" class="btn-green btns"
														@click="editinv(index)">编辑</a>
													<a href="javascript:;" class="btn-gray btns"
														@click="ids = item.id;del('inv')">删除</a>

												</td>
											</tr>

										</table>

										<div class="page_box">
											<el-pagination @size-change="handleSizeChange_i"
												@current-change="handleCurrentChange_i" :current-page="page_i"
												:page-sizes="[10, 30, 60, 100]" :page-size="limit_i"
												layout="total, sizes, prev, pager, next, jumper" :total="inglen_i">
											</el-pagination>
										</div>
									</el-tab-pane>
								</el-tabs>

							</div>
						</div>
					</div>
				</div>
			</div>
		</div>

		<!--新增合同-->
		<div :class="showht?'modal in fade':'modal fade'" tabindex="-1" role="dialog" id="keshi"
			:style="showht?'display: block;z-index:200;':'z-index:200;'">
			<div class="cent w600" style="justify-content: center;width: 860px !important;">
				<div class="modal-dialog" role="document" style="width: 100%;height: 670px;">
					<div class="modal-content">
						<div class="modal-header tit">
							<em></em> {{type == 'add'?'新增合同':'修改合同'}}
							<div class="right" @click="closexm">
								<button type="button" class="close" data-dismiss="modal" aria-label="Close"
									style="line-height: normal;"><span class="iconfont icon-cha"
										aria-hidden="true"></span> </button>
							</div>
						</div>
						<!--表单-->
						<div class="modal-body h100 search-cont" style="padding: 15px 27px;height: 548px;">
							<div class="sublist">
								<div class="subli">
									<div class="subli_left">
										<label class="subl"><em class="red">*</em>合同名称</label>
										<div class="input-cont">
											<input type="text" class="form-control" v-model="htinfo.agreementName"
												placeholder="输入合同名称">
										</div>
									</div>
									<div class="subli_left">
										<label class="subl"><em class="red">*</em>合同类型</label>
										<div class="input-cont">
											<el-select v-model="htinfo.type" placeholder="合同类型">
												<el-option v-for="item in options_ht" :key="item.id" :label="item.name"
													:value="item.id">
												</el-option>
											</el-select>
										</div>
									</div>
								</div>
								<div class="subli">
									<div class="subli_left">
										<label class="subl"><em class="red">*</em>合同编号</label>
										<div class="input-cont">
											<input type="text" class="form-control" v-model="htinfo.code"
												placeholder="输入合同编号">
										</div>
									</div>
									<div class="subli_left">
										<label class="subl"><em class="red">*</em>乙方单位</label>
										<div class="input-cont">
											<el-select v-model="htinfo.partb" placeholder=" 乙方单位" name="name"
												value-key="id">
												<el-option v-for="item in options_partb" :key="item.name"
													:label="item.name" :value="item.name">
												</el-option>
											</el-select>
										</div>
									</div>
								</div>
								<div class="subli">
									<div class="subli_left">
										<label class="subl"><em class="red">*</em>签订日期</label>
										<div class="input-cont">
											<el-date-picker v-model="htinfo.signTime" type="datetime"
												style="width: 100%;" placeholder="选择签订日期">
											</el-date-picker>
										</div>
									</div>
									<div class="subli_left">
										<label class="subl">验收日期</label>
										<div class="input-cont">
											<el-date-picker v-model="htinfo.checkTime" type="datetime"
												style="width: 100%;" placeholder="选择验收日期">
											</el-date-picker>
										</div>
									</div>
								</div>
								<div class="subli">
									<div class="subli_left">
										<label class="subl">开始时间</label>
										<div class="input-cont">
											<el-date-picker v-model="htinfo.beginTime" type="datetime"
												style="width: 100%;" @change="changedate(1)" value-format="timestamp"
												placeholder="选择开始时间">
											</el-date-picker>
										</div>
									</div>
									<div class="subli_left">
										<label class="subl">结束时间</label>
										<div class="input-cont">
											<el-date-picker v-model="htinfo.finishTime" type="datetime"
												style="width: 100%;" @change="changedate(2)" value-format="timestamp"
												placeholder="选择结束时间">
											</el-date-picker>
										</div>
									</div>
								</div>
								<div class="subli">
									<div class="sublia">
										<label class="subl">合同说明</label>
										<div class="input-cont">
											<textarea name="" v-model="htinfo.description" id="" maxlength="1000"
												placeholder="请输入合同说明"></textarea>
											<!-- <div class="snum">{{xqinfo.xqDescription.length}}/1000</div> -->
										</div>
									</div>
								</div>

								<div class="subli">
									<div class="subli_left" style="width:100%">
										<label class="subl">附件信息：</label>
										<div class="task_r" style="width: 100%;">
											<el-upload class="upload-demo" ref="upload" :data="{project:'xm'}"
												:headers="{'Authorization':token}" :action="$url+'/file/upload'"
												:show-file-list="false" :file-list="fileList3"
												:before-upload="beforeUpload" :on-success="uploadsuc3" :multiple="true"
												:auto-upload="true">
												<div class="upload_btn">
													<img src="@/assets/images/upload.png" alt="">点击上传
												</div>
											</el-upload>
											<div class="upload_list">
												<div class="up_li" v-for="item,index in files3">
													<div class="file_name">
														<div class="file_name_left"><img
																src="@/assets/images/upload.png" alt="">{{item}}
														</div>
														<div class="file_name_right">
															<div class="file_check" @click="check_file($url + item)">查看
															</div>
															<div class="file_del" @click="del_file3(index)">
																删除
															</div>
														</div>
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
								<div class="httablist">
									<div class="subli">
										<div class="httitle">采购付款计划</div>
										<el-button size="small" @click="addTab(editableTabsValue)">
											分期付款 +
										</el-button>
									</div>
									<table style="width: 100%;">
										<tr>
											<th><i class="el-icon-circle-plus addht"
													@click="addTab(editableTabsValue)"></i>
											</th>
											<th>分期</th>
											<th><em class="red">*</em>付款金额（元）</th>
											<th><em class="red">*</em>计划付款日期</th>
											<th>备注</th>
										</tr>
										<tr v-for="item,index in buy">
											<td><i class="el-icon-remove addht" @click="removeTab(index)"></i></td>
											<td class="tcent">{{index+1}}</td>
											<td><input type="text" class="form-control" v-model="item.money"
													placeholder="输入付款金额"></td>
											<td>
												<el-date-picker v-model="item.time" type="datetime"
													placeholder="选择计划付款日期">
												</el-date-picker>
											</td>
											<td><input type="text" class="form-control" v-model="item.promise"
													placeholder="请输入备注"></td>
										</tr>
									</table>
								</div>

								<div class="httablist">
									<div class="subli">
										<div class="httitle">维保付款计划</div>
										<el-button size="small" @click="addTab2(editableTabsValue)">
											分期付款 +
										</el-button>
									</div>
									<table style="width: 100%;">
										<tr>
											<th><i class="el-icon-circle-plus addht"
													@click="addTab2(editableTabsValue)"></i>
											</th>
											<th>分期</th>
											<th><em class="red">*</em>付款金额（元）</th>
											<th><em class="red">*</em>计划付款日期</th>
											<th>备注</th>
										</tr>
										<tr v-for="item,index in maintain">
											<td><i class="el-icon-remove addht" @click="removeTab2(index)"></i></td>
											<td class="tcent">{{index+1}}</td>
											<td><input type="text" class="form-control" v-model="item.money"
													placeholder="输入付款金额"></td>
											<td>
												<el-date-picker v-model="item.time" type="datetime"
													placeholder="选择计划付款日期">
												</el-date-picker>
											</td>

											<td><input type="text" class="form-control" v-model="item.promise"
													placeholder="请输入备注"></td>
										</tr>
									</table>
								</div>
							</div>
						</div>
						<div class="modal-footer tcent">
							<button class="btn btn-primary" @click="addht">确定</button>
							<button class="btn btn-info close_eng" @click="closexm">关闭</button>
						</div>
					</div>
				</div>
			</div>
		</div>

		<!-- 新增阶段 -->
		<div :class="showjd?'modal in fade':'modal fade'" tabindex="-1" role="dialog" id="keshi"
			:style="showjd?'display: block;z-index:200;':'z-index:200;'">
			<div class="cent w600" style="justify-content: center;width: 600px !important;">
				<div class="modal-dialog" role="document" style="width: 100%;height: 310px;">
					<div class="modal-content">
						<div class="modal-header tit">
							<em></em> {{type == 'add'?'新增阶段':'修改阶段'}}
							<div class="right" @click="closexm">
								<button type="button" class="close" data-dismiss="modal" aria-label="Close"
									style="line-height: normal;"><span class="iconfont icon-cha"
										aria-hidden="true"></span> </button>
							</div>
						</div>
						<!--表单-->
						<div class="modal-body h100 search-cont" style="padding: 15px 27px;height: 178px;">
							<div class="sublist">
								<div class="subli">
									<div class="sublia">
										<label class="subl"><em class="red">*</em>阶段名称</label>
										<div class="input-cont">
											<input placeholder="输入阶段名称" type="text" v-model="jdinfo.xmStageName"
												class="form-control">
										</div>
									</div>
								</div>
								<div class="subli">
									<div class="sublia">
										<label class="subl">排序</label>
										<div class="input-cont">
											<el-select v-model="jdinfo.compare" placeholder="阶段" @change="compare"
												style="margin-right: 10px;">
												<el-option v-for="item in rwlist" :key="item.id" v-if="item.id != 0"
													:label="item.xmStageName" :value="item.id">
												</el-option>
											</el-select>
											<el-radio name='num' @change="$forceUpdate()" v-model="jdinfo.num"
												:label="1">前</el-radio>
											<el-radio name='num' @change="$forceUpdate()" v-model="jdinfo.num"
												:label="2">后</el-radio>
										</div>
									</div>
								</div>

							</div>
						</div>
						<div class="modal-footer tcent">
							<button class="btn btn-primary" @click="addjd">确定</button>
							<button class="btn btn-info close_eng" @click="closexm">关闭</button>
						</div>
					</div>
				</div>
			</div>
		</div>

		<!--新增会议-->
		<div :class="showhy?'modal in fade':'modal fade'" tabindex="-1" role="dialog" id="keshi"
			:style="showhy?'display: block;z-index:200;':'z-index:200;'">
			<div class="cent w600" style="justify-content: center;width: 860px !important;">
				<div class="modal-dialog" role="document" style="width: 100%;height: 670px;">
					<div class="modal-content">
						<div class="modal-header tit">
							<em></em> {{type == 'add'?'新增会议':'修改会议'}}
							<div class="right" @click="closexm">
								<button type="button" class="close" data-dismiss="modal" aria-label="Close"
									style="line-height: normal;"><span class="iconfont icon-cha"
										aria-hidden="true"></span> </button>
							</div>
						</div>
						<!--表单-->
						<div class="modal-body h100 search-cont" style="padding: 15px 27px;height: 548px;">
							<div class="sublist">
								<div class="subli">
									<div class="subli_left">
										<label class="subl"><em class="red">*</em>会议名称</label>
										<div class="input-cont">
											<input type="text" class="form-control" v-model="hyinfo.meetingTitle"
												placeholder="输入会议名称">
										</div>
									</div>
									<div class="subli_left">
										<label class="subl"><em class="red">*</em>会议类型</label>
										<div class="input-cont">
											<el-select v-model="hyinfo.type" placeholder="会议类型">
												<el-option v-for="item in options_hy" :key="item.id" :label="item.name"
													:value="item.id">
												</el-option>
											</el-select>
										</div>
									</div>
								</div>

								<div class="subli">
									<div class="sublia">
										<label class="subl">会议内容</label>
										<div class="input-cont">
											<textarea name="" v-model="hyinfo.meetingContent" id="" maxlength="1000"
												style="height: 200px;" placeholder="请输入会议内容"></textarea>
											<!-- <div class="snum">{{xqinfo.xqDescription.length}}/1000</div> -->
										</div>
									</div>
								</div>

								<div class="subli">
									<div class="subli_left">
										<label class="subl"><em class="red">*</em>组织者</label>
										<div class="input-cont">
											<el-autocomplete popper-class="my-autocomplete" :trigger-on-focus="false"
												v-model="uname_zz" value-key="realName"
												:fetch-suggestions="querySearch_zz" placeholder="请选择组织者"
												@select="handleSelect_zz">
												<template slot-scope="{ item }">
													<div class="tab_tr">
														<div class="tab_td">{{ item.userName }}</div>
														<div class="tab_td">{{ item.realName }}</div>
														<div class="tab_td">{{ item.departName }}</div>
														<div class="tab_td">{{ item.phoneNo }}</div>
													</div>

												</template>
											</el-autocomplete>
											<span class="iconfont icon-list" @click="utype='zz';openuseralert()"></span>
										</div>
									</div>
									<div class="subli_left">
										<label class="subl"><em class="red">*</em>记录人</label>
										<div class="input-cont">
											<el-autocomplete popper-class="my-autocomplete" :trigger-on-focus="false"
												v-model="uname_jl" value-key="realName"
												:fetch-suggestions="querySearch_jl" placeholder="请选择记录人"
												@select="handleSelect_jl">
												<template slot-scope="{ item }">
													<div class="tab_tr">
														<div class="tab_td">{{ item.userName }}</div>
														<div class="tab_td">{{ item.realName }}</div>
														<div class="tab_td">{{ item.departName }}</div>
														<div class="tab_td">{{ item.phoneNo }}</div>
													</div>

												</template>
											</el-autocomplete>
											<span class="iconfont icon-list" @click="utype='jl';openuseralert()"></span>
										</div>
									</div>
								</div>
								<div class="subli">

									<div class="subli_left" style="width:100%">
										<label class="subl"><em class="red">*</em>开始时间</label>
										<div class="input-cont">
											<el-date-picker v-model="hyinfo.beginTime" type="datetime"
												style="width: 100%;" @change="changedate(1)" placeholder="选择开始时间"
												value-format="timestamp">
											</el-date-picker>
										</div>
									</div>
									<div class="subli_left" style="width:100%">
										<label class="subl"><em class="red">*</em>结束时间</label>
										<div class="input-cont">
											<el-date-picker v-model="hyinfo.finishTime" type="datetime"
												style="width: 100%;" @change="changedate(2)" placeholder="选择结束时间"
												value-format="timestamp">
											</el-date-picker>
										</div>
									</div>
								</div>
								<div class="subli">
									<div class="subli_left" style="width:100%">
										<label class="subl"><em class="red">*</em>记录时间</label>
										<div class="input-cont">
											<el-date-picker v-model="hyinfo.recordTime" type="datetime"
												style="width: 100%;" placeholder="选择记录时间">
											</el-date-picker>
										</div>
									</div>
									<div class="subli_left">
										<label class="subl"><em class="red">*</em>参与人</label>
										<div class="input-cont" style="margin-right: 11px;">
											<input type="text" class="form-control" v-model="cnames_cy" readonly
												placeholder="请选择参与人">
											<span class="iconfont icon-list"
												@click="utype='cy';openuseralert2()"></span>
										</div>
									</div>
								</div>
								<div class="subli">
									<div class="subli_left" style="width:100%">
										<label class="subl">附件信息：</label>
										<div class="task_r">
											<el-upload class="upload-demo" ref="upload" :data="{project:'xm'}"
												:headers="{'Authorization':token}" :action="$url+'/file/upload'"
												:show-file-list="false" :file-list="fileList3"
												:before-upload="beforeUpload" :on-success="uploadsuc3" :multiple="true"
												:auto-upload="true">
												<div class="upload_btn">
													<img src="@/assets/images/upload.png" alt="">点击上传
												</div>
											</el-upload>
											<div class="upload_list">
												<div class="up_li" v-for="item,index in files3">
													<div class="file_name">
														<div class="file_name_left"><img
																src="@/assets/images/upload.png" alt="">{{item}}
														</div>
														<div class="file_name_right">
															<div class="file_check" @click="check_file($url + item)">查看
															</div>
															<div class="file_del" @click="del_file3(index)">
																删除
															</div>
														</div>
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
						<div class="modal-footer tcent">
							<button class="btn btn-primary" @click="addhy">确定</button>
							<button class="btn btn-info close_eng" @click="closexm">关闭</button>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!--新增任务-->
		<div :class="showrw?'modal in fade':'modal fade'" tabindex="-1" role="dialog" id="keshi"
			:style="showrw?'display: block;z-index:201;':'z-index:201;'">
			<div class="cent w600" style="justify-content: center;width: 860px !important;margin: 50px auto;">
				<div class="modal-dialog" role="document" style="width: 100%;height: 680px;">
					<div class="modal-content">
						<div class="modal-header tit">
							<em></em>{{type=='edit'?'编辑任务':'新建任务'}}
							<div class="right" @click="closexm">
								<button type="button" class="close" data-dismiss="modal" aria-label="Close"
									style="line-height: normal;"><span class="iconfont icon-cha"
										aria-hidden="true"></span> </button>
							</div>
						</div>
						<!--表单-->
						<div class="modal-body h100 search-cont" style="padding: 15px 27px;height: 558px;">
							<div class="sublist">
								<div class="subli">
									<div class="subli_left">
										<label class="subl"><em class="red">*</em>任务名称</label>
										<div class="input-cont">
											<input type="text" class="form-control" v-model="rwinfo.rwName"
												placeholder="输入任务名称">
										</div>
									</div>
									<div class="subli_left">
										<label class="subl">阶段</label>
										<el-select v-model="rwinfo.stageName" placeholder="阶段" @change="$forceUpdate()">
											<el-option v-for="item in rwlist" :key="item.xmStageName"
												v-if="item.id != 0" :label="item.xmStageName" :value="item.xmStageName">
											</el-option>
										</el-select>
									</div>
								</div>

								<div class="subli">
									<div class="subli_left">
										<label class="subl"><em class="red">*</em>开始时间</label>
										<div class="input-cont">
											<el-date-picker v-model="rwinfo.beginDate" type="datetime"
												style="width: 100%;" @change="changedate(1)" value-format="timestamp"
												placeholder="开始时间">
											</el-date-picker>
										</div>
									</div>
									<div class="subli_left">
										<label class="subl"><em class="red">*</em>结束时间</label>
										<div class="input-cont">
											<el-date-picker v-model="rwinfo.finishDate" type="datetime"
												style="width: 100%;" @change="changedate(2)" value-format="timestamp"
												placeholder="结束时间">
											</el-date-picker>
										</div>
									</div>
								</div>
								<div class="subli">
									<div class="subli_left">
										<label class="subl"><em class="red">*</em>安排人</label>
										<div class="input-cont">
											<input type="text" class="form-control" v-model="createName" readonly
												placeholder="输入任务名称">
										</div>
									</div>
									<div class="subli_left">
										<label class="subl"><em class="red">*</em>审批人</label>
										<div class="input-cont">
											<input type="text" class="form-control" v-model="cnames_sp" readonly
												placeholder="请选择审批人">
											<span class="iconfont icon-list"
												@click="utype='addsp';openuseralert2()"></span>
										</div>
									</div>
								</div>

								<div class="subli">
									<div class="subli_left">
										<label class="subl"><em class="red">*</em>执行人</label>
										<div class="input-cont">
											<el-autocomplete popper-class="my-autocomplete" :trigger-on-focus="false"
												v-model="completeName" value-key="realName" @change="utype='zx'"
												:fetch-suggestions="querySearch_u" placeholder="请选择执行人"
												@select="handleSelect_u2">
												<template slot-scope="{ item }">
													<div class="tab_tr">
														<div class="tab_td">{{ item.userName }}</div>
														<div class="tab_td">{{ item.realName }}</div>
														<div class="tab_td">{{ item.departName }}</div>
														<div class="tab_td">{{ item.phoneNo }}</div>
													</div>

												</template>
											</el-autocomplete>
											<span class="iconfont icon-list"
												@click="utype='addzx';openuseralert()"></span>
										</div>
									</div>
									<div class="subli_left">
										<label class="subl">抄送人</label>
										<div class="input-cont">
											<input type="text" class="form-control" v-model="cnames2" readonly
												placeholder="请选择抄送人">
											<span class="iconfont icon-list"
												@click="utype='addcs';openuseralert2()"></span>
										</div>
									</div>
								</div>

								<div class="subli">
									<div class="sublia">
										<label class="subl">任务描述</label>
										<div class="input-cont">
											<textarea name="" v-model="rwinfo.rwDescripton" id=""
												placeholder="请输入任务描述"></textarea>
										</div>
									</div>
								</div>
								<div class="subli">
									<div class="subli">
										<div class="subli_left" style="width:100%">
											<label class="subl"><em class="red">*</em>优先级：</label>
											<div class="radio" style="margin-bottom: 0;">
												<el-radio-group v-model="rwinfo.emergencyId">
													<el-radio style="margin: 20px;" :label="1">常规处理</el-radio>
													<el-radio style="margin: 20px;" :label="2">较紧急</el-radio>
													<el-radio style="margin: 20px;" :label="3">非常紧急</el-radio>
												</el-radio-group>
												<!-- <div>
													<input type="radio" v-model="rwinfo.emergencyId" name="emergencyId2"
														value="1" id="n22">
													<label for="n22"></label>
													<span @click="rwinfo.emergencyId=1">常规处理</span>
												</div>
												<div>
													<input type="radio" v-model="rwinfo.emergencyId" name="emergencyId2"
														value="2" id="m22">
													<label for="m22"></label>
													<span @click="rwinfo.emergencyId=2">较紧急</span>
												</div>
												<div>
													<input type="radio" v-model="rwinfo.emergencyId" name="emergencyId2"
														value="3" id="l22">
													<label for="l22"></label>
													<span @click="rwinfo.emergencyId=3">非常紧急</span>
												</div> -->
											</div>
										</div>
									</div>
								</div>
								<div class="subli">
									<div class="subli_left">
										<label class="subl">评分</label>
										<div class="input-cont">
											<input type="text" class="form-control" v-model="rwinfo.score"
												placeholder="输入评分">
										</div>
									</div>
									<div class="subli_left">
										<label class="subl">工作时长</label>
										<div class="input-cont">
											<input type="text" class="form-control" v-model="rwinfo.workTime"
												placeholder="输入工作时长（单位小时）">
										</div>
									</div>
								</div>

								<div class="subli" style="align-items: flex-start;">
									<label class="subl">附件上传</label>
									<div class="check_li_r">
										<el-upload class="upload-demo" ref="upload" :data="{project:'rw'}"
											:headers="{'Authorization':token}" :action="$url+'/file/upload'"
											:show-file-list="false" :file-list="fileList3"
											:before-upload="beforeUpload2" :on-success="uploadsuc3" :multiple="true"
											:auto-upload="true">
											<div class="upload_btn">
												<img src="@/assets/images/upload.png" alt="">点击上传
											</div>
										</el-upload>
										<div class="upload_list">
											<div class="up_li" v-for="item,index in files3">
												<div class="file_name">
													<div class="file_name_left"><img src="@/assets/images/upload.png"
															alt="">{{item}}
													</div>
													<div class="file_name_right">
														<div class="file_check" @click="check_file($url + item)">查看
														</div>
														<div class="file_del" @click="del_file3(index)">
															删除
														</div>
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>


							</div>
						</div>
						<div class="modal-footer tcent">
							<button class="btn btn-primary" @click="addrw">确定</button>
							<button class="btn btn-info close_eng" @click="closexm">关闭</button>
						</div>
					</div>
				</div>
			</div>
		</div>

		<!--新增需求-->
		<div :class="showxq?'modal in fade':'modal fade'" tabindex="-1" role="dialog" id="keshi"
			:style="showxq?'display: block;z-index:200;':'z-index:200;'">
			<div class="cent w600" style="justify-content: center;width: 860px !important;">
				<div class="modal-dialog" role="document" style="width: 100%;height: 630px;">
					<div class="modal-content">
						<div class="modal-header tit">
							<em></em> {{type == 'add'?'新增需求':'修改需求'}}
							<div class="right" @click="closexm">
								<button type="button" class="close" data-dismiss="modal" aria-label="Close"
									style="line-height: normal;"><span class="iconfont icon-cha"
										aria-hidden="true"></span> </button>
							</div>
						</div>
						<!--表单-->
						<div class="modal-body h100 search-cont" style="padding: 15px 27px;height: 498px;">
							<div class="sublist">
								<div class="subli">
									<div class="subli_left">
										<label class="subl"><em class="red">*</em>需求名称</label>
										<div class="input-cont">
											<input type="text" class="form-control" v-model="xqinfo.xqName"
												placeholder="输入需求名称">
										</div>
									</div>
									<div class="subli_left">
										<label class="subl"><em class="red">*</em>需求类型</label>
										<div class="input-cont">
											<el-select v-model="xqinfo.type" placeholder="需求类型">
												<el-option v-for="item in options_xq" :key="item.id" :label="item.name"
													:value="item.id">
												</el-option>
											</el-select>
										</div>
									</div>
								</div>

								<div class="subli">
									<div class="sublia">
										<label class="subl">需求描述</label>
										<div class="input-cont">
											<textarea name="" v-model="xqinfo.xqDescription" id="" maxlength="1000"
												style="height: 200px;" placeholder="请输入需求描述"></textarea>
											<!-- <div class="snum">{{xqinfo.xqDescription.length}}/1000</div> -->
										</div>
									</div>
								</div>

								<div class="subli">
									<div class="subli_left">
										<label class="subl"><em class="red">*</em>提出人</label>
										<div class="input-cont">
											<el-autocomplete popper-class="my-autocomplete" :trigger-on-focus="false"
												v-model="uname_xq" value-key="realName"
												:fetch-suggestions="querySearch_xq" placeholder="请选择提出人"
												@select="handleSelect_xq">
												<template slot-scope="{ item }">
													<div class="tab_tr">
														<div class="tab_td">{{ item.userName }}</div>
														<div class="tab_td">{{ item.realName }}</div>
														<div class="tab_td">{{ item.departName }}</div>
														<div class="tab_td">{{ item.phoneNo }}</div>
													</div>

												</template>
											</el-autocomplete>
											<span class="iconfont icon-list" @click="utype='xq';openuseralert()"></span>
										</div>
									</div>

								</div>
								<div class="subli">
									<div class="subli_left" style="width:100%">
										<label class="subl"><em class="red">*</em>优先级：</label>
										<div class="radio">
											<div>
												<input type="radio" v-model="xqinfo.emergencyId" name="emergencyId"
													value="1" checked id="n">
												<label for="n"></label>
												<span @click="xqinfo.emergencyId=1">常规处理</span>
											</div>
											<div>
												<input type="radio" v-model="xqinfo.emergencyId" name="emergencyId"
													value="2" checked id="m">
												<label for="m"></label>
												<span @click="xqinfo.emergencyId=2">较紧急</span>
											</div>
											<div>
												<input type="radio" v-model="xqinfo.emergencyId" name="emergencyId"
													value="3" checked id="l">
												<label for="l"></label>
												<span @click="xqinfo.emergencyId=3">非常紧急</span>
											</div>
										</div>
									</div>
								</div>
								<div class="subli">
									<div class="subli_left" style="width:100%">
										<label class="subl">附件信息：</label>
										<div class="task_r">
											<el-upload class="upload-demo" ref="upload" :data="{project:'xm'}"
												:headers="{'Authorization':token}" :action="$url+'/file/upload'"
												:show-file-list="false" :file-list="fileList3"
												:before-upload="beforeUpload" :on-success="uploadsuc3" :multiple="true"
												:auto-upload="true">
												<div class="upload_btn">
													<img src="@/assets/images/upload.png" alt="">点击上传
												</div>
											</el-upload>
											<div class="upload_list">
												<div class="up_li" v-for="item,index in files3">
													<div class="file_name">
														<div class="file_name_left"><img
																src="@/assets/images/upload.png" alt="">{{item}}
														</div>
														<div class="file_name_right">
															<div class="file_check" @click="check_file($url + item)">查看
															</div>
															<div class="file_del" @click="del_file3(index)">
																删除
															</div>
														</div>
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
						<div class="modal-footer tcent">
							<button class="btn btn-primary" @click="addxq">确定</button>
							<button class="btn btn-info close_eng" @click="closexm">关闭</button>
						</div>
					</div>
				</div>
			</div>
		</div>

		<!--报修人-->
		<div :class="user_alert?'modal in fade':'modal fade'" role="dialog"
			:style="user_alert?' align-items: center;justify-content: center;display: flex;z-index:202;':'z-index:202'"
			id="engineer">

			<div class="cent w700" style="height: 865px;max-width: 955px;max-height:calc(100vh - 50px)">

				<div class="modal-dialog" role="document">
					<div class="modal-content" style="overflow: visible;">
						<div class="modal-header tit">
							<em></em>选择用户
							<div class="right" @click="closeusertalert">
								<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
										class="iconfont icon-cha" aria-hidden="true"></span> </button>
							</div>
						</div>
						<!--表单-->
						<div class="modal-body h100"
							style="overflow-x: hidden;overflow-y:scroll;height:760px;max-height:calc(100vh - 150px)">

							<div class="left">
								<div class="zTreeDemoBackground">
									<ul id="treeDemo_p4" class="ztree" @select="choseroom_user"></ul>
								</div>
							</div>
							<div class="right" style="overflow: visible;">
								<div class="search">
									<!-- <form> -->
									<div class="form-group" style="display: flex;padding-right: 0;">
										<input class="form-control" autocomplete="off"
											@keydown.enter="page2=1;word_users=word_user;getalluserlist()"
											v-model="word_user" placeholder="输入关键字">
										<div style="margin-left: 10px;" class="btn btn-success"
											@click="page2=1;word_users=word_user;getalluserlist()">
											<span class="iconfont icon-chaxun"
												style="line-height: 34px;vertical-align: baseline;"></span>
										</div>
									</div>
									<!-- </form> -->
								</div>

								<div class="enr_alert_scorll">
									<div style="height: 552px;overflow-y: auto;">
										<h2 class="tcent" v-if="user_all.length ==0">暂时没有数据</h2>
										<table class="table table-hover smallTab" v-else>
											<tr>
												<th></th>
												<th>账号</th>
												<th>姓名</th>
												<th>电话</th>
											</tr>
											<tr v-for="item,index in user_all">
												<td>
													<input type="radio" v-model="principalId" :value="item.id"
														@change="changechose(item.id,item.realName,item.phoneNo)"
														name="chose2" :id="'c'+item.id"><label
														:for="'c'+item.id"></label>
												</td>
												<td>{{item.userName}}</td>
												<td>{{item.realName}}</td>
												<td>{{item.phoneNo}}</td>
											</tr>
										</table>
									</div>
									<div class="Spage" style="margin: 20px 0;">
										<el-pagination @current-change="handleCurrentChange2" :current-page="page2"
											style="display: flex;justify-content: center;" :pager-count="5"
											:page-size="10" :page-count="num2" layout="prev, pager, next">
										</el-pagination>
									</div>


									<div class="tcent" style="margin-bottom: 30px;">
										<button class="btn btn-primary" @click="sure_user">确定</button>&emsp;
										<button class="btn btn-default" @click="closeusertalert">关闭</button>
									</div>
								</div>


							</div>
						</div>
					</div>
				</div>
			</div>
		</div>

		<!--选择添加工程师-->
		<div :class="alert_show?'modal in fade':'modal fade'" role="dialog"
			:style="alert_show?' align-items: center;justify-content: center;display: flex;z-index:202':''"
			id="engineer">

			<div class="cent w700" style="height: 865px;max-width: 955px;max-height:calc(100vh - 50px)">

				<div class="modal-dialog" role="document">
					<div class="modal-content" style="overflow: visible;">

						<div class="modal-header tit">
							<em></em>选择用户
							<div class="right" @click="closealert">
								<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
										class="iconfont icon-cha" aria-hidden="true"></span> </button>
							</div>
						</div>
						<!--表单-->
						<div class="modal-body h100"
							style="overflow-x: hidden;overflow-y:scroll;height:760px;max-height:calc(100vh - 150px)">
							<div class="left">
								<div class="zTreeDemoBackground">
									<ul id="treeDemo_p2" class="ztree" @select="choseroom_user"></ul>
								</div>
							</div>
							<div class="right" style="overflow: visible;">
								<div class="search">
									<!-- <form> -->
									<div class="form-group" style="display: flex;padding-right: 0;">
										<input class="form-control" autocomplete="off"
											@keydown.enter="page2=1;word_users=word_user;getalluserlist()"
											v-model="word_user" placeholder="输入关键字">
										<div style="margin-left: 10px;" class="btn btn-success"
											@click="page2=1;word_users=word_user;getalluserlist()">
											<span class="iconfont icon-chaxun"
												style="line-height: 34px;vertical-align: baseline;"></span>
										</div>
									</div>
									<!-- </form> -->
								</div>
								<div class="txt-black">为您找到{{inglen2}}位 <span class="txt-blue">用户</span> </div>

								<div class="enr_alert_scorll">
									<div style="height: 552px;overflow-y: auto;">
										<h2 class="tcent" v-if="cuserlist.length ==0">暂时没有数据</h2>
										<table class="table table-hover smallTab" v-else>
											<tr>
												<th><input type="checkbox" @change="changeall2" v-model="choseall2"
														name="all2" id="cuser"><label for="cuser"></label></th>
												<th>账号</th>
												<th>姓名</th>
												<th>电话</th>
											</tr>
											<tr v-for="item,index in cuserlist">
												<td>
													<input type="checkbox" v-model="item.chosesf"
														@change="chosechange2(item)" name="chose2"
														:id="'cuser'+item.id"><label
														:for="'cuser'+item.id"></label>
												</td>
												<td>{{item.userName }}</td>
												<td>{{item.realName}}</td>
												<td>{{item.phoneNo}}</td>
											</tr>
										</table>
									</div>
									<div class="Spage" style="margin: 20px 0;">
										<el-pagination @current-change="handleCurrentChange2" :current-page="page2"
											style="display: flex;justify-content: center;" :pager-count="5"
											:page-size="10" layout="prev, pager, next" :total="inglen2">
										</el-pagination>
									</div>

									<div class="tcent" style="margin-bottom: 30px;">
										<button class="btn btn-primary" @click="cusers">确定</button>&emsp;
										<button class="btn btn-default" @click="closealert()">关闭</button>
									</div>
								</div>


							</div>
						</div>
					</div>
				</div>
			</div>
		</div>


		<rwinfo :id="rwid" :showinfo="showrwinfo" @show="show(e)"></rwinfo>
		<div class="loading-content" v-if="showloading">
			<div class="loading-spinner">
				<svg viewBox="25 25 50 50" class="circular">
					<circle cx="50" cy="50" r="20" fill="none" class="path"></circle>
				</svg>
			</div>
			<div class="loading-text">加载中...</div>
		</div>
	</div>
</template>

<script type="text/babel">
	import rwinfo from './taskinfo.vue'
	export default {
	
		name: "",
		props: {
			id:{
				type:String,
				default:''
			},
			showinfo:{
				type:Boolean,
				default:false
			}
		},
		data() {
			return {
				rwid:"",
				showrwinfo: false,
				delalert: false,
				isclick1: false,
				showhtinfo: false,
				// showinfo: false,
				showinv: false,
				showpay: false,
				limit_p: 10,
				limit_i: 10,
				inglen_p: 0,
				inglen_i: 0,
				page_i: 1,
				page_p: 1,
				msgremark: '',
				remark: '',
	
				fileList_i:[],
				files3id_i:[],
				files_i:[],
				invinfo: {},
				payinfo: {},
				payid:"",
				invid:"",
				uname_fp:"",
				uname_fk:"",
				activeNames:"first",
				options_i:[],
				invlist:[],
				paylist:[],
				editableTabsValue:1,
				buy:[ {
					"id": '',
						"xmAgreementId": '',
						"type": 1,
						"number": 1,
						"promise": "",
						"money": "",
						"time": "",
				},],
				maintain:[ {
					"id": '',
						"xmAgreementId": '',
						"type": 2,
						"number": 1,
						"promise": "",
						"money": "",
						"time": "",
				},],
				user_c2:[],
				cname2:[],
				rwi:"",
				cnames2:"",
				value5:"",
				hylist: [],
				htlist: [],
				dylist: [],
				options5: [],
				options_partb: [],
				options_ht: [],
				options_hy: [],
				options_xq: [],
				rwlist: [],
				options2: [],
				date_value1:"",
				value1: null,
				susername:"",
				value_xq:"",
				value2:"",
				menushow:false,
				spshow:false,
				showrw:false,
				showjd:false,
				showht:false,
				showhy:false,
				choseall2:false,
				value3:1,
				activeName:1,
				uname_jl:"",
				uname_zz :"",
				uname_xq:"",
				word2:"",
				word_user:"",
				word_users:"",
				naes:"",
				userid:"",
				byDate:"",
				byDate2:"",
				byDates:"",
				byDate2s:"",
				principalId:"",
				principalIds:"",
				type:"",
				xqlist:[],
				showxq:false,
				user_alert:false,
				options_show2:false,
	
				showadd: false,
				showzzc: false,
				cuserlist: [],
				options6: [],
				zNodes_u: [],
				ztree_obj_u: {},
				treeClickCount4: 0,
				setting_u: {
	
					treeId: 'id',
					data: {
						key: {
							name: 'name'
						}
					},
					callback: {
						onClick: this.choseroom_user
					}
				},
				tabIndex: 2,
				page2: 1,
				page: 1,
				pagex: 1,
				pager: 1,
				list: [],
				inglen: 0,
				inglen2: 0,
				inglenx: 0,
				limit: 10,
				limit2: 10,
				limitr: 10,
				limitx: 10,
				num: 1,
				num2: 1,
				uname:"",
				info: {},
				rwinfo: {},
				jdinfo: {
					compare: '', num:2
				},
				htinfo: {},
				hyinfo: {},
				xqinfo: {
					xqDescription: '', emergencyId:1
				},
				xmDescription:"",
				showloading: false,
				alert_show: false,
				user_all:[],
				user_c:[],
				user_cy:[],
				user_sp:[],
				cname:[],
				options7: [],
				cname_cy:[],
				cname_sp:[],
				fileList2:[],
				fileList3:[],
				files3id:[],
				files2id:[],
				files2:[],
				files3:[],
				cnames:"",
				cnames_cy:"",
				cnames_sp:"",
				createName:"",
				completeName:"",
				xmStageName:"",
				uid: sessionStorage.getItem('uid'),
				realName: sessionStorage.getItem('realName')
			}
		},
		components: {rwinfo},
		created() {
			this.$http.defaults.headers["Authorization"] = sessionStorage.getItem('token')
			this.token = sessionStorage.getItem('token')
		},
		watch:{
			rwinfoid:{
				handler(newValue,oldValue){
					
					console.log(newValue)
					if(newValue){
						this.getinfo()
						this.showinfo=true
					// }else{
						
					}
				},
				deep: true
			},
			id:{
				handler(newValue,oldValue){
					
					console.log(newValue)
					if(newValue){
						this.getinfo()
						this.showinfo=true
					// }else{
						
					}
				},
				deep: true
			},
		},
		mounted() {
			// this.getinfo(this.id)
			this.getinvtype();
			this.gethytype();
			this.gethttype();
			this.getxqtype();
			this.getpartb();
			
			
		},
		methods: {
			getinfo(){
				console.log(12312313)
				var param = {
					id:this.rwinfoid?this.rwinfoid:this.id
				}
				this.showloading = true
				var that = this
				this.$http.post(this.$url + '/xm/getOneXm', this.$qs.stringify(param))
					.then(function(response) {
						that.info = response.data.data
						
						that.value3 = that.info.stateId
						that.xmDescription = that.info.xmDescription
						that.uname = response.data.data.principalName
						that.user_c = response.data.data.memberIds?response.data.data.memberIds.split(','):[]
						that.cnames = []
						for (var i = 0; i < response.data.data.members.length; i++) {
							that.cnames.push(response.data.data.members[i].realName)
						}
						that.cnames = that.cnames.join(',')
						
						that.getdylist()
						that.showloading = false
					})
					.catch(function(error) {
						console.log(error);
						that.$Toast('网络拥堵，刷新一下');
					});
				
			},
			show(e){
				console.log(e)
				this.showrwinfo = e
				this.getjdlist()
			},
			
			getrwinfo(index,index2){
				this.rwid=this.rwlist[index].arr[index2].id
				this.showrwinfo = true
				
			},
			openaddrw(item){
				this.xmStageName=item.xmStageName;
				this.cname2=[]
				this.cnames2=''
				this.cname_sp=[]
				this.cnames_sp=[]
				this.user_sp=[]
				this.user_c2=[]
				this.rwinfo = {
					rwName:'',
					emergencyId:1,
					stageName:item.xmStageName
				}
				this.type='add';
				this.showrw=true
			},
			compare(e){
				console.log(e)
			},
			openjd(){
				this.type='add';
				this.jdinfo.num=2;
				this.jdinfo.compare=this.rwlist.length > 1?this.rwlist[this.rwlist.length-2].id:''
				this.showjd=true
			},
			opendown(i){
				this.rwlist[i].open=!this.rwlist[i].open
				this.$forceUpdate()
			},
			handleSizeChange_i(val) {
				this.limit_i = val
				this.getinvlist()
			},
			handleCurrentChange_i(val) {
				this.page_i = val
				this.getinvlist()
			},
			handleSizeChange_p(val) {
				this.limit_p = val
				this.getpaylist()
			},
			handleCurrentChange_p(val) {
				this.page_p = val
				this.getpaylist()
			},
			check(index){
				var param = {
					id:this.htlist[index].id
				}
				this.showloading = true
				var that = this
				this.$http.post(this.$url + '/xm/agreement/selectOne', this.$qs.stringify(param))
					.then(function(response) {
						that.htinfo = response.data.data
						that.htinfo.beginTime=response.data.data.beginDate?new Date(response.data.data.beginDate):''
						that.htinfo.finishTime=response.data.data.finishDate?new Date(response.data.data.finishDate):''
						that.htinfo.signTime=response.data.data.signDate
						that.htinfo.checkTime=response.data.data.checkDate
						that.files3 = []
						that.files3id = []
						if(response.data.data.fileList){
							for (var i = 0; i < response.data.data.fileList.length; i++) {
								that.files3.push(response.data.data.fileList[i].relativePath)
								that.files3id.push(response.data.data.fileList[i].id)
							}
						}
						that.buy = []
						that.maintain = []
						if(response.data.data.list){
							for (var i = 0; i < response.data.data.list.length; i++) {
								response.data.data.list[i].time = response.data.data.list[i].date
								if(response.data.data.list[i].type == 1){
									that.buy.push(response.data.data.list[i])
								}else{
									that.maintain.push(response.data.data.list[i])
								}
							}
						}
						that.getpaylist()
						that.getinvlist()
						that.showhtinfo = true
						that.showloading = false
					})
					.catch(function(error) {
						console.log(error);
						that.$Toast('网络拥堵，刷新一下');
					});
			},
			getpaylist(){
				var param = {
					xmAgreementId:this.htinfo.id,
					page:this.page_p,
					limit:this.limit_p
				}
				this.showloading = true
				var that = this
				this.$http.post(this.$url + '/xm/agreement/pay/select', this.$qs.stringify(param))
					.then(function(response) {
						that.paylist = response.data.data
						that.inglen_p = response.data.count
						that.showloading = false
					})
						.catch(function(error) {
							console.log(error);
							that.$Toast('网络拥堵，刷新一下');
						});
			},
			addpay() {
				this.payinfo.payTime = this.payinfo.payTime?this.timeFormate2(this.payinfo.payTime):''
				if(!this.payinfo.money || !this.payinfo.promis || !this.payinfo.operateId || !this.payinfo.payTime){
					this.$Toast('请填写必填项');
					return
				}
				if (!/^\d+$/.test(this.payinfo.money)) {
					this.$Toast("请输入正确的金额");
					return false;
				}
				this.payinfo.xmAgreementId = this.htinfo.id
				this.showloading = true
				var that = this
				
				this.$http.post(this.$url + '/xm/agreement/pay/save', this.$qs.stringify(this.payinfo))
					.then(function(response) {
						if (response.data.code == '1410') {
							that.$Toast(response.data.msg);
							sessionStorage.setItem('token', '')
							that.$router.push('/login')
							return
						}
						that.$Toast(response.data.msg);
						if(response.data.msg == '添加成功' ||response.data.msg == '修改成功'){
							that.showpay = false
							that.showloading = false
							that.payinfo =  {}
							that.uname_cz=''
							that.page_p=1
							that.getpaylist()
						}else{
							that.showloading = false
						}
					
					})
					.catch(function(error) {
						that.$Toast('网络拥堵，刷新一下');
					});
				
			},
			editpay(index){
				this.payid = this.paylist[index].id
				var param = {
					id:this.paylist[index].id
				}
				this.showloading = true
				var that = this
				this.$http.post(this.$url + '/xm/agreement/pay/selectOne', this.$qs.stringify(param))
					.then(function(response) {
						that.payinfo = {
							id:response.data.data.id,
							money:response.data.data.money,
							xmAgreementId:response.data.data.xmAgreementId,
							promis:response.data.data.promis,
							remark:response.data.data.remark,
							operateId:response.data.data.operateId,
							payTime:response.data.data.payDate,
						}
						that.uname_fk = response.data.data.operateName
						
						that.showpay = true
						that.showloading = false
					})
					.catch(function(error) {
						console.log(error);
						that.$Toast('网络拥堵，刷新一下');
					});
			},
			getinvlist(){
				var param = {
					xmAgreementId:this.htinfo.id,
					page:this.page_i,
					limit:this.limit_i
				}
				this.showloading = true
				var that = this
				this.$http.post(this.$url + '/xm/bill/select', this.$qs.stringify(param))
					.then(function(response) {
						that.invlist = response.data.data
						that.inglen_i = response.data.count
						that.showloading = false
					})
						.catch(function(error) {
							console.log(error);
							that.$Toast('网络拥堵，刷新一下');
						});
			},
			addinv() {
				this.invinfo.time = this.invinfo.time?this.timeFormate2(this.invinfo.time):''
				console.log(this.invinfo)
				if(!this.invinfo.name || !this.invinfo.money || !this.invinfo.type || !this.invinfo.operateId|| !this.invinfo.time){
					this.$Toast('请填写必填项');
					return
				}
				if (!/^\d+$/.test(this.invinfo.money)) {
					this.$Toast("请输入正确的金额");
					return false;
				}
				this.invinfo.xmAgreementId = this.htinfo.id
				this.invinfo.enclosure = this.files3id_i.length>0?this.files3id_i.join(','):''
				this.showloading = true
				var that = this
				
				this.$http.post(this.$url + '/xm/bill/save', this.$qs.stringify(this.invinfo))
					.then(function(response) {
						if (response.data.code == '1410') {
							that.$Toast(response.data.msg);
							sessionStorage.setItem('token', '')
							that.$router.push('/login')
							return
						}
						that.$Toast(response.data.msg);
						if(response.data.msg == '添加成功' ||response.data.msg == '修改成功'){
							that.showinv = false
							that.showloading = false
							that.invinfo =  {}
							that.uname_fp=''
							that.files3id_i = []
							that.files_i = []
							that.fileList_i = []
							that.page_i=1
							that.getinvlist()
						}else{
							that.showloading = false
						}
					
					})
					.catch(function(error) {
						that.$Toast('网络拥堵，刷新一下');
					});
				
			},
			editinv(index){
				this.invid = this.invlist[index].id
				var param = {
					id:this.invlist[index].id
				}
				this.showloading = true
				var that = this
				this.$http.post(this.$url + '/xm/bill/selectOne', this.$qs.stringify(param))
					.then(function(response) {
						that.invinfo = {
							id:response.data.data.id,
							name:response.data.data.name,
							type:response.data.data.type,
							xmAgreementId:response.data.data.xmAgreementId,
							operateId:response.data.data.operateId,
							description:response.data.data.description,
							money:response.data.data.money,
							time:response.data.data.date,
						}
						that.uname_fp = response.data.data.operateName
						that.files_i = []
						that.files3id_i = []
						if(response.data.data.fileList){
							for (var i = 0; i < response.data.data.fileList.length; i++) {
								that.files_i.push(response.data.data.fileList[i].relativePath)
								that.files3id_i.push(response.data.data.fileList[i].id)
							}
						}
						that.showinv = true
						that.showloading = false
					})
					.catch(function(error) {
						console.log(error);
						that.$Toast('网络拥堵，刷新一下');
					});
			},
			
			del_file_i(i){
				var that = this
				var param = {fileId:this.files3id_i[i]}
				this.$http.post(this.$url + '/main/delete/file', this.$qs.stringify(param))
					.then(function(response) {
						console.log(response)
							that.files_i.splice(i,1)
							that.files3id_i.splice(i,1)
						that.fileList_i.splice(i,1)
					})
					.catch(function(error) {
						console.log(error);
						
						that.$Toast('网络拥堵，刷新一下');
					});
			},
			uploadsuc_i(file, fileList){
				if(file.code != 0){
					this.$Toast(file.msg)
					this.showloading=false
					return
				}
				 this.files_i.push(file.data.relativePath)
				 this.files3id_i.push(file.data.id)
				 this.showloading=false
			
			},
			handleSelect_fk(item) {
				this.uname_fk = item.realName
				this.payinfo.operateId = item.id
				// this.did = item.id				
			},
			handleSelect_fp(item) {
				console.log(item.realName)
				this.uname_fp = item.realName
				this.invinfo.operateId = item.id
				// this.did = item.id				
			},
			// 获取发票类型
			getinvtype() {
				this.showloading = true
			
				var that = this
				this.$http.post(this.$url + '/xm/bill/type/select')
					.then(function(response) {
						if (response.data.code == '1410') {
							that.$Toast(response.data.msg);
							sessionStorage.setItem('token', '')
							that.$router.push('/login')
							return
						}
						that.options_i = response.data.data
						that.showloading = false
					})
					.catch(function(error) {
						console.log(error);
			
						that.$Toast('网络拥堵，刷新一下');
					});
			
			},
			addTab(targetName) {
			        let newTabName = this.tabIndex++;
			        this.buy.push({
			         "id" : '',
			         "xmAgreementId" : '',
			         "type" : 1,
			         "number" : this.buy.length+1,
			         "promise" : "",
			         "money" : "",
			         "time"  : "",
			        });
					// this.tabIndex++
					console.log(newTabName)
			        this.editableTabsValue = newTabName;
			},
			removeTab(i) {
			       this.buy.splice(i,1)
			        // this.editableTabsValue = activeName;
			        // this.buy = tabs.filter(tab => tab.name !== targetName);
			},
			addTab2(targetName) {
			        let newTabName = this.tabIndex++;
			        this.maintain.push({
			         "id" : '',
			         "xmAgreementId" : '',
			         "type" : 2,
			         "number" : this.maintain.length+1,
			         "promise" : "",
			         "money" : "",
			         "time"  : "",
			        });
					// this.tabIndex++
					console.log(newTabName)
			        this.editableTabsValue = newTabName;
			},
			removeTab2(i) {
			       this.maintain.splice(i,1)
			        // this.editableTabsValue = activeName;
			        // this.buy = tabs.filter(tab => tab.name !== targetName);
			},
			changetab(i){
				console.log(i)
				this.activeName=i;
				console.log(this.activeName)
				this.pagex=1
				if(this.activeName == 1){
					this.getdylist()
				}else if(this.activeName == 3){
					this.getxqlist()
				}else if(this.activeName == 4){
					this.gethylist()
				}else if(this.activeName == 2){
					this.getjdlist()
				}else if(this.activeName == 5){
					this.gethtlist()
					
				}
			},
			closexm(){
				// console.log(123)
				this.showht = false;
				this.showxq = false;
				this.showhy = false;
				this.showrw = false;
				this.showjd = false;
				this.showhtinfo = false;
				this.rwinfo =  {}
				this.jdinfo =  {compare:this.rwlist.length > 1?this.rwlist[this.rwlist.length-2].id:'',num:2}
				this.htinfo =  {}
				this.hyinfo =  {}
				this.payinfo =  {}
				this.invinfo =  {}
				this.xqinfo =  {emergencyId:1}
				this.uname_xq = ''
				this.uname_zz = ''
				this.uname_jl = ''
				this.uname_sp = ''
				this.uname =''
				this.uname2 =''
				this.user_c = []
				this.user_c2 = []
				this.user_sp = []
				this.user_cy = []
				this.cnames = ""
				this.cnames2 = ""
				this.cnames_cy = ""
				this.cname_cy = []
				this.cnames_sp = ""
				this.completeName = ""
				this.files3id = []
				this.files3 = []
				this.fileList3 = []
				this.buy=[
					{
						"id" : '',
						"xmAgreementId" : '',
						"type" : 1,
						"number" : 1,
						"promise" : "",
						"money" : "",
						"time"  : "",
					},
				]
				this.maintain=[
						{
						"id" : '',
						"xmAgreementId" : '',
						"type" : 2,
						"number" : 1,
						"promise" : "",
						"money" : "",
						"time"  : "",
						},
				]
				this.$forceUpdate()
				console.log(this.cnames_cy)
			},
			
			addrw() {				
				this.type='edit'
				this.rwinfo.rwName = this.rwinfo.rwName?this.rwinfo.rwName:''
				this.rwinfo.createId = sessionStorage.getItem('uid')
				this.rwinfo.completeId = this.rwinfo.completeId?this.rwinfo.completeId:''
				this.rwinfo.agreeIds = this.user_sp.length>0?this.user_sp.join(','):''
				this.rwinfo.rwDescripton = this.rwinfo.rwDescripton?this.rwinfo.rwDescripton:''
				this.rwinfo.beginDate = this.rwinfo.beginDate?this.rwinfo.beginDate:''
				this.rwinfo.finishDate = this.rwinfo.finishDate?this.rwinfo.finishDate:''
				// this.rwinfo.stageName = this.xmStageName
				this.rwinfo.xmId = this.info.id
				console.log(this.rwinfo)
				if (this.rwinfo.rwName.trim() == '' || this.rwinfo.createId == '' || this.rwinfo.completeId == '' ||this.rwinfo.agreeIds == ''|| this.rwinfo.beginDate == ''|| this.rwinfo.finishDate == '') {
					this.$Toast("请填写必填选项");
					return
				}
				if(this.rwinfo.stageName == '未在阶段下的任务'){
					delete this.rwinfo.stageName
				}
				if(this.rwinfo.createDate){
					delete this.rwinfo.createDate
					delete this.rwinfo.agreeUsers
					delete this.rwinfo.notifyUsers
					delete this.rwinfo.completeName
				}
				this.rwinfo.beginDate = this.rwinfo.beginDate?this.timeFormate2(this.rwinfo.beginDate):''
				this.rwinfo.finishDate = this.rwinfo.finishDate?this.timeFormate2(this.rwinfo.finishDate):''
				this.rwinfo.notifyIds = this.user_c2.length>0?this.user_c2.join(','):''
				this.rwinfo.fileIds = this.files3id.length>0?this.files3id.join(','):''
				console.log(this.rwinfo)
				
				this.showloading = true
				var that = this
				this.$http.post(this.$url + '/rw/save', this.$qs.stringify(this.rwinfo))
					.then(function(response) {
						if (response.data.code == '1410') {
							that.$Toast(response.data.msg);
							sessionStorage.setItem('token', '')
							that.$router.push('/login')
							return
						}
						that.$Toast(response.data.msg);
						that.showrw = false
						that.showloading = false
						
						that.completeName=''
						that.cname2=[]
						that.cnames2=''
						that.cname_sp=[]
						that.cnames_sp=[]
						that.user_sp=[]
						that.user_c2=[]
						that.files3id = []
						that.files3 = []
						that.fileList3 = []
						that.getjdlist()
						that.rwinfo={}
						that.$forceUpdate()
					})
					.catch(function(error) {
						that.$Toast('网络拥堵，刷新一下');
					});
				
			},
			addjd() {
				this.showloading = true
				var that = this
				this.jdinfo.xmId = this.info.id
				this.jdinfo.compare = this.jdinfo.compare?this.jdinfo.compare:0
				this.$http.post(this.$url + '/xm/stage/save', this.$qs.stringify( this.jdinfo))
					.then(function(response) {
						if (response.data.code == '1410') {
							that.$Toast(response.data.msg);
							sessionStorage.setItem('token', '')
							that.$router.push('/login')
							return
						}
						that.$Toast(response.data.msg);
						that.showjd = false
						that.jdinfo={}
						that.getjdlist()
						that.$forceUpdate()
						that.showloading = false
					})
					.catch(function(error) {
						that.$Toast('网络拥堵，刷新一下');
						console.log(error);
					});
			},
			addht() {
				console.log(this.htinfo)
				this.htinfo.signTime = this.htinfo.signTime?this.timeFormate2(this.htinfo.signTime):''
				if(!this.htinfo.code || !this.htinfo.agreementName || !this.htinfo.partb || !this.htinfo.signTime){
					this.$Toast('请填写必填项');
					return
				}
				this.htinfo.beginTime = this.htinfo.beginTime?this.timeFormate2(this.htinfo.beginTime):''
				this.htinfo.finishTime = this.htinfo.finishTime?this.timeFormate2(this.htinfo.finishTime):''
				this.htinfo.checkTime =this.htinfo.checkTime? this.timeFormate2(this.htinfo.checkTime):''
				
				for (var i = 0; i < this.options_partb.length; i++) {
					if(this.options_partb[i].name == this.htinfo.partb){
						this.htinfo.partbId = this.options_partb[i].id
					}
				}
				this.htinfo.xmId = this.info.id
				for (var i = 0; i < this.maintain.length; i++) {
					if(!this.maintain[i].time && !this.maintain[i].money){
						this.maintain.splice(i,1)
					}else{
						if(!this.maintain[i].time ||!this.maintain[i].money){
							this.$Toast('请填写相应的日期或金额');
							return
						}
					}
				}
				for (var i = 0; i < this.buy.length; i++) {
					if(!this.buy[i].time && !this.buy[i].money){
						this.buy.splice(i,1)
					}else{
						if(!this.buy[i].time || !this.buy[i].money){
							this.$Toast('请填写相应的日期或金额');
							return
						}
					}
					
				}
				this.htinfo.list = this.buy.concat(this.maintain)
				for (var i = 0; i < this.htinfo.list.length; i++) {
						this.htinfo.list[i].time =this.htinfo.list[i].time? this.timeFormate2(this.htinfo.list[i].time):''
						this.htinfo.list[i].xmAgreementId =this.htinfo.id
				}
				
				this.htinfo.enclosure = this.files3id.length>0?this.files3id.join(','):''
				
				this.showloading = true
				var that = this
				
				this.$http.post(this.$url + '/xm/agreement/save', this.htinfo, {headers: {'content-type': 'application/json'}})
					.then(function(response) {
						if (response.data.code == '1410') {
							that.$Toast(response.data.msg);
							sessionStorage.setItem('token', '')
							that.$router.push('/login')
							return
						}
						that.$Toast(response.data.msg);
						that.showht = false
						that.showloading = false
						that.htinfo =  {}
						that.files3id = []
						that.files3 = []
						that.fileList3 = []
						that.buy=[
							{
								"id" : '',
								"xmAgreementId" : '',
								"type" : 1,
								"number" : 1,
								"promise" : "",
								"money" : "",
								"time"  : "",
							},
						]
						that.maintain=[
								{
								"id" : '',
								"xmAgreementId" : '',
								"type" : 2,
								"number" : 1,
								"promise" : "",
								"money" : "",
								"time"  : "",
								},
						]
						that.pagex=1
						that.gethtlist()
					})
					.catch(function(error) {
						that.$Toast('网络拥堵，刷新一下');
					});
				
			},
			addxq() {
				
				if(!this.xqinfo.xqName || !this.xqinfo.type || !this.xqinfo.adviceman || !this.xqinfo.emergencyId){
					this.$Toast('请填写必填项');
					return
				}
				this.xqinfo.xmId = this.info.id
				this.xqinfo.enclosure = this.files3id.length>0?this.files3id.join(','):''
				console.log(this.xqinfo)
				this.showloading = true
				var that = this
				this.$http.post(this.$url + '/xm/xq/save', this.$qs.stringify(this.xqinfo))
					.then(function(response) {
						if (response.data.code == '1410') {
							that.$Toast(response.data.msg);
							sessionStorage.setItem('token', '')
							that.$router.push('/login')
							return
						}
						that.$Toast(response.data.msg);
						that.showxq = false
						that.showloading = false
						that.xqinfo =  {emergencyId:1}
						that.uname_xq = ''
						that.files3id = []
						that.files3 = []
						that.fileList3 = []
						that.pagex=1
						that.getxqlist()
					})
					.catch(function(error) {
						that.$Toast('网络拥堵，刷新一下');
					});
				
			},
			
			addhy() {
				console.log(this.hyinfo)
				if(this.hyinfo.recordTime == '1970-01-01' || !this.hyinfo.recordTime || this.hyinfo.beginTime == '1970-01-01' || !this.hyinfo.beginTime || this.hyinfo.finishTime == '1970-01-01'|| !this.hyinfo.finishTime || !this.hyinfo.meetingTitle|| !this.hyinfo.type || !this.hyinfo.recordId|| !this.hyinfo.organizeId){
					this.$Toast('请填写必填项');
					return
				}
				this.hyinfo.joinMen = this.user_cy.join(',')
				if( !this.hyinfo.joinMen){
					this.$Toast('请填写必填项');
					return
				}
				this.hyinfo.recordTime = this.timeFormate2(this.hyinfo.recordTime)
				this.hyinfo.beginTime = this.timeFormate2(this.hyinfo.beginTime)
				this.hyinfo.finishTime = this.timeFormate2(this.hyinfo.finishTime)
				this.hyinfo.xmId = this.info.id
				this.hyinfo.enclosure = this.files3id.length>0?this.files3id.join(','):''
				
				this.showloading = true
				var that = this
				this.$http.post(this.$url + '/xm/meeting/save', this.$qs.stringify(this.hyinfo))
					.then(function(response) {
						if (response.data.code == '1410') {
							that.$Toast(response.data.msg);
							sessionStorage.setItem('token', '')
							that.$router.push('/login')
							return
						}
						that.$Toast(response.data.msg);
						that.showhy = false
						that.showloading = false
						that.hyinfo =  {}
						that.uname_zz = ''
						that.uname_jl = ''
						that.files3id = []
						that.files3 = []
						that.fileList3 = []
						that.pagex=1
						that.uname =''
						that.user_cy = []
						that.cname_cy = []
						that.cnames_cy = ""
						that.gethylist()
					})
					.catch(function(error) {
						that.$Toast('网络拥堵，刷新一下');
					});
				
			},
			editrw(index,index2){
				console.log(this.rwlist[index])
				this.type = 'edit'
				// var param = {
				// 	id:this.jdlist[index].arr[index2].id
				// }
				this.showloading = true
				var that = this
				this.$http.get(this.$url + '/rw/selectOne?id='+this.rwlist[index].arr[index2].id)
					.then(function(response) {
						that.rwinfo = {
							id :response.data.data.id,
							rwName :response.data.data.rwName,
							stageName :response.data.data.stageName,
							rwDescripton :response.data.data.rwDescripton,
							xmId :response.data.data.xmId,
							createId :response.data.data.createId,
							completeId :response.data.data.completeId,
							agreeIds :response.data.data.agreeIds?response.data.data.agreeIds.split(','):[],
							notifyIds :response.data.data.notifyIds?response.data.data.notifyIds.split(','):[],
							beginDate :response.data.data.beginDate?new Date(response.data.data.beginDate):'',
							finishDate :response.data.data.finishDate?new Date(response.data.data.finishDate):'',
							createDate :response.data.data.createDate,
							score :response.data.data.score,
							agreeUsers :response.data.data.agreeUsers,
							notifyUsers :response.data.data.notifyUsers,
							workTime :response.data.data.workTime,
							completeName :response.data.data.completeName,
							stateName :response.data.data.stateName,
							fileIds :response.data.data.fileIds?response.data.data.fileIds.split(','):[],
							emergencyId: response.data.data.emergencyId?response.data.data.emergencyId:1
						}
						
						that.files3 = []
						that.files3id = []
						for (var i = 0; i < response.data.data.fileList.length; i++) {
							that.files3.push(response.data.data.fileList[i].relativePath)
							that.files3id.push(response.data.data.fileList[i].id)
						}
						that.user_sp = response.data.data.agreeIds?response.data.data.agreeIds.split(','):[]
						for (var i = 0; i < that.user_sp.length; i++) {
							that.user_sp[i] = parseInt(that.user_sp[i])
						}
						that.cnames_sp = []
						that.cname_sp = []
						if(response.data.data.agreeUsers){
							for (var i = 0; i < response.data.data.agreeUsers.length; i++) {
								that.cnames_sp.push(response.data.data.agreeUsers[i].realName)
								that.cname_sp.push(response.data.data.agreeUsers[i].realName)
							}
						}
						
						that.user_c2 = response.data.data.notifyIds?response.data.data.notifyIds.split(','):[]
						for (var i = 0; i < that.user_c2.length; i++) {
							that.user_c2[i] = parseInt(that.user_c2[i])
						}
						that.cnames2 = []
						that.cname2 = []
						if(response.data.data.notifyUsers){
						for (var i = 0; i < response.data.data.notifyUsers.length; i++) {
							that.cnames2.push(response.data.data.notifyUsers[i].realName)
							that.cname2.push(response.data.data.notifyUsers[i].realName)
							}
						}
						that.completeName = response.data.data.completeName
						that.createName = response.data.data.createName
						that.showrw = true
						that.showloading = false
					})
					.catch(function(error) {
						console.log(error);
						that.$Toast('网络拥堵，刷新一下');
					});
				
				
			},
			editjd(index){
				this.type = 'edit'
				var param = {
					id:this.rwlist[index].id
				}
				this.showloading = true
				var that = this
				this.$http.post(this.$url + '/xm/stage/selectOne', this.$qs.stringify(param))
					.then(function(response) {
						that.jdinfo={
							id:response.data.data.id,
							xmStageName:response.data.data.xmStageName,
							compare:response.data.data.afterStageId,
							num:response.data.data.afterStageId?1:'',
						} 
						that.showjd = true
						that.showloading = false
					})
					.catch(function(error) {
						console.log(error);
						that.$Toast('网络拥堵，刷新一下');
					});
				
				
			},
			
			editxq(index){
				this.type = 'edit'
				var param = {
					id:this.xqlist[index].id
				}
				this.showloading = true
				var that = this
				this.$http.post(this.$url + '/xm/xq/selectOne', this.$qs.stringify(param))
					.then(function(response) {
						that.xqinfo = {
							id:response.data.data.id,
							xqName:response.data.data.xqName,
							xqDescription:response.data.data.xqDescription,
							type:response.data.data.type,
							adviceman:response.data.data.adviceman,
							emergencyId:response.data.data.emergencyId,
							enclosure :response.data.data.enclosure?response.data.data.enclosure.split(','):[],
						}
						
						that.uname_xq = response.data.data.advicemanName
						that.files3 = []
						that.files3id = []
						if(response.data.data.listFile){
							for (var i = 0; i < response.data.data.listFile.length; i++) {
								that.files3.push(response.data.data.listFile[i].relativePath)
								that.files3id.push(response.data.data.listFile[i].id)
							}
						}
						that.showxq = true
						that.showloading = false
					})
					.catch(function(error) {
						console.log(error);
						that.$Toast('网络拥堵，刷新一下');
					});
				
				
			},
			edithy(index){
				this.type = 'edit'
				var param = {
					id:this.hylist[index].id
				}
				this.showloading = true
				var that = this
				this.$http.post(this.$url + '/xm/meeting/selectOne', this.$qs.stringify(param))
					.then(function(response) {
						that.hyinfo = {
							id:response.data.data.id,
							meetingTitle:response.data.data.meetingTitle,
							meetingContent:response.data.data.meetingContent,
							type:response.data.data.type,
							organizeId:response.data.data.organizeId,
							recordId:response.data.data.recordId,
							beginTime:new Date(response.data.data.beginDate),
							finishTime:new Date(response.data.data.finishDate),
							recordTime:response.data.data.recordDate,
							enclosure :response.data.data.enclosure?response.data.data.enclosure.split(','):[],
						}
						console.log(that.hyinfo.finishTime)
						that.uname_zz = response.data.data.organizeName
						that.uname_jl = response.data.data.recordName
						that.files3 = []
						that.files3id = []
						if(response.data.data.sysFileList){
							for (var i = 0; i < response.data.data.sysFileList.length; i++) {
								that.files3.push(response.data.data.sysFileList[i].relativePath)
								that.files3id.push(response.data.data.sysFileList[i].id)
							}
						}
						that.user_cy = response.data.data.joinMen?response.data.data.joinMen.split(','):[]
						for (var i = 0; i < that.user_cy.length; i++) {
							that.user_cy[i] = parseInt(that.user_cy[i])
						}
						that.cnames_cy = []
						// that.cname = []
						if(response.data.data.userList){
							for (var i = 0; i < response.data.data.userList.length; i++) {
								that.cnames_cy.push(response.data.data.userList[i].realName)
							}
						}
						that.showhy = true
						that.showloading = false
					})
					.catch(function(error) {
						console.log(error);
						that.$Toast('网络拥堵，刷新一下');
					});
				
				
			},
			editht(index){
				this.type = 'edit'
				var param = {
					id:this.htlist[index].id
				}
				this.showloading = true
				var that = this
				this.$http.post(this.$url + '/xm/agreement/selectOne', this.$qs.stringify(param))
					.then(function(response) {
						that.htinfo = {
							id:response.data.data.id,
							agreementName:response.data.data.agreementName,
							code:response.data.data.code,
							partbId:response.data.data.partbId,
							partb:response.data.data.partb,
							type: response.data.data.type,
							signTime:response.data.data.signDate,
							beginTime:response.data.data.beginDate?new Date(response.data.data.beginDate):'',
							beginTime:response.data.data.beginDate?new Date(response.data.data.beginDate):'',
							checkTime:response.data.data.checkDate,
							description:response.data.data.description,
							enclosure :response.data.data.enclosure?response.data.data.enclosure.split(','):[],
						}
						that.files3 = []
						that.files3id = []
						if(response.data.data.fileList){
							for (var i = 0; i < response.data.data.fileList.length; i++) {
								that.files3.push(response.data.data.fileList[i].relativePath)
								that.files3id.push(response.data.data.fileList[i].id)
							}
						}
						that.buy = []
						that.maintain = []
						if(response.data.data.list){
							for (var i = 0; i < response.data.data.list.length; i++) {
								response.data.data.list[i].time = response.data.data.list[i].date
								if(response.data.data.list[i].type == 1){
									that.buy.push(response.data.data.list[i])
								}else{
									that.maintain.push(response.data.data.list[i])
								}
							}
						}
						
						that.showht = true
						that.showloading = false
					})
					.catch(function(error) {
						console.log(error);
						that.$Toast('网络拥堵，刷新一下');
					});
				
				
			},
			
			gethytype() {
				this.showloading = true
			
				var that = this
				this.$http.post(this.$url + '/xm/meeting/type/select')
					.then(function(response) {
						if (response.data.code == '1410') {
							that.$Toast(response.data.msg);
							sessionStorage.setItem('token', '')
							that.$router.push('/login')
							return
						}
						that.options_hy = response.data.data
						that.showloading = false
					})
					.catch(function(error) {
						console.log(error);
						// sessionStorage.setItem('token','undefined')
						// that.$router.push('/login')
						
						that.$Toast('网络拥堵，刷新一下');
					});
			
			},
			getpartb() {
				this.showloading = true
			
				var that = this
				this.$http.get(this.$url + '/xm/provider/selectList')
					.then(function(response) {
						if (response.data.code == '1410') {
							that.$Toast(response.data.msg);
							sessionStorage.setItem('token', '')
							that.$router.push('/login')
							return
						}
						that.options_partb = response.data.data
						that.showloading = false
					})
					.catch(function(error) {
						console.log(error);
						// sessionStorage.setItem('token','undefined')
						// that.$router.push('/login')
						
						that.$Toast('网络拥堵，刷新一下');
					});
			
			},
			gethttype() {
				this.showloading = true
			
				var that = this
				this.$http.post(this.$url + '/xm/agreement/type/select')
					.then(function(response) {
						if (response.data.code == '1410') {
							that.$Toast(response.data.msg);
							sessionStorage.setItem('token', '')
							that.$router.push('/login')
							return
						}
						that.options_ht = response.data.data
						that.showloading = false
					})
					.catch(function(error) {
						console.log(error);
						// sessionStorage.setItem('token','undefined')
						// that.$router.push('/login')
						
						that.$Toast('网络拥堵，刷新一下');
					});
			
			},
			
			gethylist() {
				this.showloading = true
				var param ={
						page: this.pagex,
						limit: this.limitx,
						xmId:this.info.id,
				}
				var that = this
				this.$http.post(this.$url + '/xm/meeting/select', this.$qs.stringify(param))
					.then(function(response) {
						if (response.data.code == '1410') {
							that.$Toast(response.data.msg);
							sessionStorage.setItem('token', '')
							that.$router.push('/login')
							return
						}
						that.hylist = response.data.data
						that.inglenx = response.data.count
						that.showloading = false
					})
					.catch(function(error) {
						console.log(error);
						// sessionStorage.setItem('token','undefined')
						// that.$router.push('/login')
						
						that.$Toast('网络拥堵，刷新一下');
					});
			
			},
			gethtlist() {
				this.showloading = true
				var param ={
						page: this.pagex,
						limit: this.limitx,
						xmId:this.info.id,
				}
				var that = this
				this.$http.post(this.$url + '/xm/agreement/select', this.$qs.stringify(param))
					.then(function(response) {
						if (response.data.code == '1410') {
							that.$Toast(response.data.msg);
							sessionStorage.setItem('token', '')
							that.$router.push('/login')
							return
						}
						that.htlist = response.data.data
						that.inglenx = response.data.count
						console.log(that.htlist)
						that.$forceUpdate()
						that.showloading = false
					})
					.catch(function(error) {
						console.log(error);
						// sessionStorage.setItem('token','undefined')
						// that.$router.push('/login')
						
						that.$Toast('网络拥堵，刷新一下');
					});
			
			},
			
			getxqlist() {
				this.showloading = true
				var param ={
						page: this.pagex,
						limit: this.limitx,
						xmId:this.info.id,
				}
				var that = this
				this.$http.post(this.$url + '/xm/xq/select', this.$qs.stringify(param))
					.then(function(response) {
						if (response.data.code == '1410') {
							that.$Toast(response.data.msg);
							sessionStorage.setItem('token', '')
							that.$router.push('/login')
							return
						}
						that.xqlist = response.data.data
						that.inglenx = response.data.count
						that.showloading = false
					})
					.catch(function(error) {
						console.log(error);
						// sessionStorage.setItem('token','undefined')
						// that.$router.push('/login')
						
						that.$Toast('网络拥堵，刷新一下');
					});
			
			},
			getxqtype() {
				this.showloading = true
			
				var that = this
				this.$http.post(this.$url + '/xm/xq/type/select')
					.then(function(response) {
						if (response.data.code == '1410') {
							that.$Toast(response.data.msg);
							sessionStorage.setItem('token', '')
							that.$router.push('/login')
							return
						}
						that.options_xq = response.data.data
						that.showloading = false
					})
					.catch(function(error) {
						console.log(error);
						// sessionStorage.setItem('token','undefined')
						// that.$router.push('/login')
						
						that.$Toast('网络拥堵，刷新一下');
					});
			
			},
			// 删除需求
			del(t){
				var that = this
				this.$confirm('确认删除该条数据？')
				          .then(_ => {
				            var param = {
				            	ids:that.ids
				            }
							var url = ''
							if(that.activeName == 3){
								url = '/xm/xq/delete'
							}else if(that.activeName == 4){
								url = '/xm/meeting/delete'
							}else if(that.activeName == 5){
								if(t == 'pay'){
									url = '/xm/agreement/pay/delete'
								}else if(t == 'inv'){
									url = '/xm/bill/delete'
								}else{
									url = '/xm/agreement/delete'
								}
							}else if(that.activeName == 2 && t=='jd'){
								url = '/xm/stage/delete'
							}else if(that.activeName == 2 && t=='rw'){
								url = '/rw/delete'
								param = {list:that.ids}
							}
				            that.$http.post(that.$url + url, that.$qs.stringify(param))
				            	.then(function(response) {
				            		if (response.data.code == '1410') {
				            			that.$Toast(response.data.msg);
				            			sessionStorage.setItem('token', '')
				            			that.$router.push('/login')
				            			return
				            		}
				            		that.$Toast(response.data.msg);
				            		that.pagex=1
									if(that.activeName == 3){
										that.getxqlist()
									}else if(that.activeName == 4){
										that.gethylist()
									}else if(that.activeName == 5){
										if(t == 'pay'){
											that.page_p=1
											that.showpay = false
											that.getpaylist()
										}else if(t == 'inv'){
											that.page_i=1
											that.showinv = false
											that.getinvlist()
										}else{
											that.gethtlist()
										}
									}else if(that.activeName == 2){
										that.getjdlist()
									}
				            	})
				            	.catch(function(error) {
				            		console.log(error);
				            		that.$Toast('网络拥堵，刷新一下');
				            	});
							
				          })
				.catch(_ => {});
			},
			
			
			getdylist(){
				var that = this
				var param ={
						// id:id,
						xmId:this.info.id,
						page:this.pagex,
						limit:this.limitx
					}
				
				that.$http.post(that.$url + '/xm/rwDynamic', that.$qs.stringify(param))
					.then(function(response2) {
						that.dylist = response2.data.data?response2.data.data:[],
						that.inglenx = response2.data.count
						that.$forceUpdate()
						that.showloading = false
					})
					.catch(function(error) {
						console.log(error);
						// sessionStorage.setItem('token','undefined')
						// that.$router.push('/login')
						
						that.$Toast('网络拥堵，刷新一下');
					});
			},
			getrwlist(id,i){
				var that = this
				var param ={
						id:id,
						xmId:this.info.id,
						page:this.rwlist[i].pagex,
						limit:this.rwlist[i].limitx
					}
				console.log(this.rwlist[i])
				that.$http.post(that.$url + '/xm/stage/rw/select', that.$qs.stringify(param))
					.then(function(response2) {
				
						// console.log(response.data.data)
						console.log(that.list)
						that.rwlist[i].arr = response2.data.data?response2.data.data:[]
						that.rwlist[i].inglenx = response2.data.count
						
						that.$forceUpdate()
						that.createName = sessionStorage.getItem('realName')
						that.showloading = false
					})
					.catch(function(error) {
						console.log(error);
						// sessionStorage.setItem('token','undefined')
						// that.$router.push('/login')
						
						that.$Toast('网络拥堵，刷新一下');
					});
			},
			getjdlist() {
				this.showloading = true
				var param ={
						id:this.info.id
					}
				var that = this
				this.$http.post(this.$url + '/xm/stage/select', this.$qs.stringify(param))
					.then(function(response) {
						if (response.data.code == '1410') {
							that.$Toast(response.data.msg);
							sessionStorage.setItem('token', '')
							that.$router.push('/login')
							return
						}
						if(response.data.data){
							for (var i = 0; i < response.data.data.length; i++) {
								response.data.data[i].arr=[]
								response.data.data[i].open = true
								var id = response.data.data[i].id
								// console.log(id)
								that.rwlist = response.data.data?response.data.data:[],
								that.rwlist[i].arr = []
								that.rwlist[i].pagex = 1
								that.rwlist[i].limitx = 5
								that.getrwlist(id,i)
								
							}
						}
						
						that.showloading = false
					})
					.catch(function(error) {
						console.log(error);
						// sessionStorage.setItem('token','undefined')
						// that.$router.push('/login')
						
						that.$Toast('网络拥堵，刷新一下');
					});
			},
			closealert(){
				this.choseall2=false
				this.alert_show=false;
				// this.user_c = []
				// this.cname = []
				// this.cnames = []
				if(this.utype=='cy'){
					this.cnames_cy = this.cname_cy.join(',')
				}else if(this.utype == 'addsp'){
					this.cnames_sp = this.cname_sp.join(',')
				}else if(this.utype == 'addcs'){
					this.cnames2 = this.cname2.join(',')
				}else{
					this.cnames = this.cname.join(',')
					// var a = []
					// for (var i = 0; i < this.cname.length; i++) {
					// 	console.log(this.cname[i])
					// 	a.push(this.cname[i].realname)
					// }
					// console.log(a)
					// this.cnames = a.join(',')
				}
				this.word_user = ''
				this.word_users = ''
				this.deptId = ''
				this.did = ''
				
				this.ztree_obj_u.cancelSelectedNode();
				this.getalluserlist()
			},
			openuseralert(){
				
				this.page2 = 1
				this.username = ''
				this.principalId = ''
				this.word_user = ''
				this.did = ''
				this.userid = ''
				this.uphone = ''
				
				// this.ztree_obj_u.cancelSelectedNode();
				this.getrooms()
				this.getalluserlist()
				this.user_alert = true
			},
			openuseralert2(){
				console.log(this.cname_sp)
				this.getrooms()
				this.page2 = 1
				this.getalluserlist()
				this.alert_show = true
			},
			handleCurrentChange2(val) {
			  console.log(`当前页: ${val}`);
								this.page2 = val
								this.getalluserlist()
			},
			changechose(id,name,phone){
				if(this.utype == 'xq'){
					this.uname_xq = name
					this.xqinfo.adviceman = id
				}else if(this.utype == 'zz'){
					this.uname_zz = name
					this.hyinfo.organizeId = id
				}else if(this.utype == 'jl'){
					this.uname_jl = name
					this.hyinfo.recordId = id
				}else if(this.utype == 'addzx'){
					this.completeName = name
					this.rwinfo.completeId = id
				}else if(this.utype == 'fk'){
					this.uname_fk = name
					this.payinfo.operateId = id
				}else if(this.utype == 'fp'){
					this.uname_fp = name
					this.invinfo.operateId = id
				}else if(this.utype == 'search'){
					this.susername = name
					this.principalId = id
				}else{
					this.uname = name
					this.info.principalId = id
					this.isclick1 = true
				}
			},
			chosechange2(e){
				// console.log(this.cname)
				console.log(e.chosesf)
				if(e.chosesf){
					if(this.utype == 'cy'){
						this.user_cy.push(e.id)
						this.cname_cy.push(e.realName)
						this.user_cy = this.user_cy.filter((item, index, array) => {
						  return array.indexOf(item) === index
						})
						// this.cname_cy = this.cname_cy.filter((item, index, array) => {
						//   return array.indexOf(item) === index
						// })
					}else if(this.utype == 'addcs'){
						this.user_c2.push(e.id)
						this.cname2.push(e.realName)
						this.user_c2 = this.user_c2.filter((item, index, array) => {
						  return array.indexOf(item) === index
						})
						// this.cname2 = this.cname2.filter((item, index, array) => {
						//   return array.indexOf(item) === index
						// })
					}else if(this.utype == 'addsp'){
						this.user_sp.push(e.id)
						this.cname_sp.push(e.realName)
						this.user_sp = this.user_sp.filter((item, index, array) => {
						  return array.indexOf(item) === index
						})
						// this.cname_sp = this.cname_sp.filter((item, index, array) => {
						//   return array.indexOf(item) === index
						// })
					}else if(this.utype == 'xmz'){
						this.user_c.push(e.id)
						this.cname.push(e.realName)
						
						this.user_c = this.user_c.filter((item, index, array) => {
						  return array.indexOf(item) === index
						})
						// this.cname = this.cname.filter((item, index, array) => {
						//   return array.indexOf(item) === index
						// })
					}
					this.$forceUpdate()
				}else{
					if(this.utype == 'cy'){
						this.cname_cy.splice(this.cname_cy.indexOf(e.realName),1)
						this.user_cy.splice(this.user_cy.indexOf(e.id),1)
						// if(this.cname_cy.indexOf(e.realName) > -1){
						// 	this.cname_cy.splice(this.cname_cy.indexOf(e.realName),1)
						// }
						// if(this.user_cy.indexOf(e.id) > -1){
						// 	this.user_cy.splice(this.user_cy.indexOf(e.id),1)
						// }
					}else if(this.utype == 'addcs'){
						this.cname2.splice(this.cname2.indexOf(e.realName),1)
						this.user_c2.splice(this.user_c2.indexOf(e.id),1)
						
					}else if(this.utype == 'addsp'){
						this.cname_sp.splice(this.cname_sp.indexOf(e.realName),1)
						this.user_sp.splice(this.user_sp.indexOf(e.id),1)
						// if(this.cname_sp.indexOf(e.realName) > -1){
						// 	this.cname_sp.splice(this.cname_sp.indexOf(e.realName),1)
						// }
						// if(this.user_sp.indexOf(e.id) > -1){
						// 	this.user_sp.splice(this.user_sp.indexOf(e.id),1)
						// }
					}else if(this.utype == 'xmz'){
						
						// if(this.user_c.indexOf(e.id) > -1){
							console.log('xmfx==='+this.user_c.indexOf(e.id))
							this.user_c.splice(this.user_c.indexOf(e.id),1)
							this.cname.splice(this.cname.indexOf(e.realName),1)
						// }
					}
					this.$forceUpdate()
				}
				// return
				var a = 0
				for (var i = 0; i < this.cuserlist.length; i++) {
					// console.log(this.cuserlist[i])
					if(this.cuserlist[i].chosesf == true){
						a++
					}
					
				}
				if(a == this.cuserlist.length){
					this.choseall2=true
				}else{
					this.choseall2=false
				}
				this.$forceUpdate()
			},
			changeall2(){
				if(this.choseall2){
					for (var i = 0; i < this.cuserlist.length; i++) {
						this.cuserlist[i].chosesf = true
						if(this.utype == 'cy'){
							this.user_cy.push(this.cuserlist[i].id)
							this.cname_cy.push(this.cuserlist[i].realName)
							console.log(this.cname_cy)
							this.user_cy = this.user_cy.filter((item, index, array) => {
							  return array.indexOf(item) === index
							})
							this.cname_cy = this.cname_cy.filter((item, index, array) => {
							  return array.indexOf(item) === index
							})
						}else if(this.utype == 'addsp'){
							this.user_sp.push(this.cuserlist[i].id)
							this.cname_sp.push(this.cuserlist[i].realName)
							console.log(this.cname_sp)
							this.user_sp = this.user_sp.filter((item, index, array) => {
							  return array.indexOf(item) === index
							})
							this.cname_sp = this.cname_sp.filter((item, index, array) => {
							  return array.indexOf(item) === index
							})
						}else if(this.utype == 'addcs'){
							this.user_c2.push(this.cuserlist[i].id)
							this.cname2.push(this.cuserlist[i].realName)
							this.user_c2 = this.user_c2.filter((item, index, array) => {
							  return array.indexOf(item) === index
							})
							this.cname2 = this.cname2.filter((item, index, array) => {
							  return array.indexOf(item) === index
							})
						}else if(this.utype == 'xmz'){
							this.user_c.push(this.cuserlist[i].id)
							this.cname.push(this.cuserlist[i].realName)
							this.user_c = this.user_c.filter((item, index, array) => {
							  return array.indexOf(item) === index
							})
							this.cname = this.cname.filter((item, index, array) => {
							  return array.indexOf(item) === index
							})
						}
						this.$forceUpdate()
					}
				}else{
					for (var i = 0; i < this.cuserlist.length; i++) {
						if(this.utype == 'addsp'){
							this.user_sp.splice(this.user_sp.indexOf(this.cuserlist[i].id),1)
							this.cname_sp.splice(this.cname_sp.indexOf(this.cuserlist[i].realName),1)
						}else if(this.utype == 'addcs'){
								this.user_c2.splice(this.user_c2.indexOf(this.cuserlist[i].id),1)
								this.cname2.splice(this.cname2.indexOf(this.cuserlist[i].realName),1)
						}else if(this.utype == 'cy'){
								this.user_cy.splice(this.user_cy.indexOf(this.cuserlist[i].id),1)
								this.cname_cy.splice(this.cname_cy.indexOf(this.cuserlist[i].realName),1)
						}else{
							this.user_c.splice(this.user_c.indexOf(this.cuserlist[i].id),1)
							this.cname.splice(this.cname.indexOf(this.cuserlist[i].realName),1)
						}
						this.cuserlist[i].chosesf = false
						this.$forceUpdate()
					}
					
				}
			},
			sure_user(){
				if(this.utype == 'search'){
					// this.principalId = ''
				}
				this.user_alert = false
				// this.username = ''
				// this.principalId = ''
				this.word_user = ''
				this.did = ''
				// this.userid = ''
				// this.uphone = ''
				this.ztree_obj_u.cancelSelectedNode();
				this.getrooms()
				this.getalluserlist()
				
			},
			cusers(){
				
				
				if(this.utype=='cy'){
					this.cnames_cy = this.cname_cy.join(',')
				}else if(this.utype == 'addsp'){
					this.cnames_sp = this.cname_sp.join(',')
				}else if(this.utype == 'addcs'){
					this.cnames2 = this.cname2.join(',')
				}else{
					this.cnames = this.cname.join(',')
					// var a = []
					// for (var i = 0; i < this.cname.length; i++) {
					// 	console.log(this.cname[i])
					// 	a.push(this.cname[i].realname)
					// }
					// console.log(a)
					// this.cnames = a.join(',')
				}
				this.alert_show=false
				this.word_user = ''
				this.word_users = ''
				this.deptId = ''
				
				this.did = ''
				this.ztree_obj_u.cancelSelectedNode();
				this.getalluserlist()
			},
			closeusertalert(){
				this.user_alert = false
				this.username = ''
				this.principalId = ''
				this.word_user = ''
				this.did = ''
				this.userid = ''
				this.uphone = ''
				this.ztree_obj_u.cancelSelectedNode();
				this.getrooms()
				this.getalluserlist()
			},
		
			changedate(ty){
				if(this.rwinfo.beginDate && this.rwinfo.finishDate&& this.rwinfo.beginDate > this.rwinfo.finishDate){
					this.$Toast('选择的结束日期在开始日期之前');
					if(ty==1){
						this.rwinfo.beginDate = ''
					}else{
						this.rwinfo.finishDate = ''
					}
					return
				}
				if(this.hyinfo.beginTime && this.hyinfo.finishTime&& this.hyinfo.beginTime > this.hyinfo.finishTime){
					this.$Toast('选择的结束日期在开始日期之前');
					if(ty==1){
						this.hyinfo.beginTime = ''
					}else{
						this.hyinfo.finishTime = ''
					}
					return
				}
				if(this.htinfo.beginTime && this.htinfo.finishTime&& this.htinfo.beginTime > this.htinfo.finishTime){
					this.$Toast('选择的结束日期在开始日期之前');
					if(ty==1){
						this.htinfo.beginTime = ''
					}else{
						this.htinfo.finishTime = ''
					}
					return
				}
			},
			
			// 获取弹窗里的用户
			getalluserlist() {
				this.choseall2 = false
				// console.log(this.page2)
				var id = this.did?this.did:''
				var that = this
				var url = encodeURI(this.$url + '/sys/user/list?page='+this.page2+'&limit='+this.limit2+'&deptId='+id+'&userName='+this.word_users)
				this.$http.get(url)
					.then(function(response) {
						if (response.data.code == '1410') {
							that.$Toast(response.data.msg);
							sessionStorage.setItem('token', '')
							that.$router.push('/login')
							return
						}
						that.user_all = response.data.data.records
						that.cuserlist = response.data.data.records
						for (var i = 0; i < that.user_all.length; i++) {
							that.user_all[i].id = window.atob(that.user_all[i].id)
							that.cuserlist[i].id = that.user_all[i].id
						}
						var a = 0
						// console.log(that.user_c)
						
						
						for (var i = 0; i < that.cuserlist.length; i++) {
							if(that.utype=='cy'){
								if(that.user_cy.indexOf(that.cuserlist[i].id) > -1){
									a++
									that.cuserlist[i].chosesf = true
								}else{
									that.cuserlist[i].chosesf = false
								}
							}else if(that.utype=='addsp'){
								if(that.user_sp.indexOf(that.cuserlist[i].id) > -1){
									a++
									that.cuserlist[i].chosesf = true
								}else{
									that.cuserlist[i].chosesf = false
								}
							}else if(that.utype=='addcs'){
								if(that.user_c2.indexOf(that.cuserlist[i].id) > -1){
									a++
									that.cuserlist[i].chosesf = true
								}else{
									that.cuserlist[i].chosesf = false
								}
							}else{
								if(that.user_c.indexOf(that.cuserlist[i].id) > -1){
									a++
									that.cuserlist[i].chosesf = true
								}else{
									that.cuserlist[i].chosesf = false
								}
							}
							
						}
						if(a == that.cuserlist.length){
							that.choseall2=true
						}else{
							that.choseall2=false
						}
						that.inglen2 = response.data.data.total
						if (that.inglen2 > that.limit2) {
							that.num2 = response.data.data.pages
						} else {
							that.num2 = 1
						}
						// console.log(that.cname)
					})
					.catch(function(error) {
						console.log(error);
						// sessionStorage.setItem('token','undefined')
						// that.$router.push('/login')
					});
			},
			// 科室树状图选择
			choseroom_user(data, node, treeNode) {
				this.treeClickCount4++;
				if (this.treeClickCount4 >= 2) {
					return;
				}
				this.timer = window.setTimeout(() => {
					if (this.treeClickCount4 == 1) {
						this.treeClickCount4 = 0;
						console.log('单击事件,可在此处理对应逻辑')
							
								this.did = treeNode.id
							this.page2=1
							this.getalluserlist()
						
					} else if (this.treeClickCount4 > 1) {
						this.treeClickCount4 = 0;
						
						this.ztree_obj_u.cancelSelectedNode();
						console.log('双击事件,可在此处理对应逻辑')
					}
				}, 300);
			},
			// 获取科室
			getrooms() {
				var param = {
					parentId: 0
				}
				var that = this
				this.$http.post(this.$url + '/sys/dept/tree', this.$qs.stringify(param))
					.then(function(response) {
						if (response.data.code == '1410') {
							that.$Toast(response.data.msg);
							sessionStorage.setItem('token', '')
							that.$router.push('/login')
							return
						}
						
						// that.zNodes = response.data.data
						
						// var  nodes = that.ztree_obj.getNodes();
						// for  ( var  i = 0; i < nodes.length; i++) {  //设置节点展开
						// 	that.ztree_obj.expandNode(nodes[i],  true ,  false ,  true );
						// }
						that.zNodes_u = response.data.data
						that.ztree_obj_u = $.fn.zTree.init($("#treeDemo_p4"), that.setting_u, that.zNodes_u);
						that.ztree_obj_u = $.fn.zTree.init($("#treeDemo_p2"), that.setting_u, that.zNodes_u);
						 var  nodes = that.ztree_obj_u.getNodes();
						for  ( var  i = 0; i < nodes.length; i++) {  //设置节点展开
							that.ztree_obj_u.expandNode(nodes[i],  true ,  false ,  true );
						}
					})
					.catch(function(error) {
						console.log(error);
						
						that.$Toast('网络拥堵，刷新一下');
					});
			
			},
			querySearch_u(queryString, cb) {
				var that = this
				var name =  this.completeName?this.completeName:''
				var id = this.info.departId?this.info.departId:''
				var url = encodeURI(this.$url + '/sys/user/select?realName='+name)
				this.$http.get(url)
					.then(function(response) {
						if (response.data.code == '1410') {
							that.$Toast(response.data.msg);
							sessionStorage.setItem('token', '')
							that.$router.push('/login')
							return
						}
						that.restaurants_u = response.data.data
						that.restaurants_u.unshift({userName:"账号",realName:"姓名",departName:"科室",phoneNo:"电话"})
						var restaurants_u = that.restaurants_u;
						var results = queryString ? restaurants_u.filter(that.createFilter_u(queryString)) : restaurants_u;
						// 调用 callback 返回建议列表的数据
						if(results.length == 0){
							results.unshift({userName:"暂无内容",realName:"",departName:"",phoneNo:""})
						}else{
							if(results[0].id){
								results.unshift({userName:"账号",realName:"姓名",departName:"科室",phoneNo:"电话"})
							}
						}
						
						cb(results);
						// console.log(that.restaurants)
					})
					.catch(function(error) {
						console.log(error);						
						that.$Toast('网络拥堵，刷新一下');
					});
					
			  
			},
			querySearch_xm(queryString, cb) {
				var that = this
				var name =  this.uname?this.uname:''
				
				var id = this.info.departId?this.info.departId:''
				var url = encodeURI(this.$url + '/sys/user/select?realName='+name)
				this.$http.get(url)
					.then(function(response) {
						if (response.data.code == '1410') {
							that.$Toast(response.data.msg);
							sessionStorage.setItem('token', '')
							that.$router.push('/login')
							return
						}
						that.restaurants_u = response.data.data
						that.restaurants_u.unshift({userName:"账号",realName:"姓名",departName:"科室",phoneNo:"电话"})
						var restaurants_u = that.restaurants_u;
						var results = queryString ? restaurants_u.filter(that.createFilter_u(queryString)) : restaurants_u;
						// 调用 callback 返回建议列表的数据
						if(results.length == 0){
							results.unshift({userName:"暂无内容",realName:"",departName:"",phoneNo:""})
						}else{
							if(results[0].id){
								results.unshift({userName:"账号",realName:"姓名",departName:"科室",phoneNo:"电话"})
							}
						}
						
						cb(results);
						// console.log(that.restaurants)
					})
					.catch(function(error) {
						console.log(error);						
						that.$Toast('网络拥堵，刷新一下');
					});
					
			  
			},
		
			querySearch_zz(queryString, cb) {
				var that = this
				var name =  this.uname_zz?this.uname_zz:''
				
				var id = this.info.departId?this.info.departId:''
				var url = encodeURI(this.$url + '/sys/user/select?realName='+name)
				this.$http.get(url)
					.then(function(response) {
						if (response.data.code == '1410') {
							that.$Toast(response.data.msg);
							sessionStorage.setItem('token', '')
							that.$router.push('/login')
							return
						}
						that.restaurants_u = response.data.data
						that.restaurants_u.unshift({userName:"账号",realName:"姓名",departName:"科室",phoneNo:"电话"})
						var restaurants_u = that.restaurants_u;
						var results = queryString ? restaurants_u.filter(that.createFilter_u(queryString)) : restaurants_u;
						// 调用 callback 返回建议列表的数据
						if(results.length == 0){
							results.unshift({userName:"暂无内容",realName:"",departName:"",phoneNo:""})
						}else{
							if(results[0].id){
								results.unshift({userName:"账号",realName:"姓名",departName:"科室",phoneNo:"电话"})
							}
						}
						
						cb(results);
						// console.log(that.restaurants)
					})
					.catch(function(error) {
						console.log(error);						
						that.$Toast('网络拥堵，刷新一下');
					});
					
			  
			},
			querySearch_jl(queryString, cb) {
				var that = this
				var name =  this.uname_jl?this.uname_jl:''
				
				var id = this.info.departId?this.info.departId:''
				var url = encodeURI(this.$url + '/sys/user/select?realName='+name)
				this.$http.get(url)
					.then(function(response) {
						if (response.data.code == '1410') {
							that.$Toast(response.data.msg);
							sessionStorage.setItem('token', '')
							that.$router.push('/login')
							return
						}
						that.restaurants_u = response.data.data
						that.restaurants_u.unshift({userName:"账号",realName:"姓名",departName:"科室",phoneNo:"电话"})
						var restaurants_u = that.restaurants_u;
						var results = queryString ? restaurants_u.filter(that.createFilter_u(queryString)) : restaurants_u;
						// 调用 callback 返回建议列表的数据
						if(results.length == 0){
							results.unshift({userName:"暂无内容",realName:"",departName:"",phoneNo:""})
						}else{
							if(results[0].id){
								results.unshift({userName:"账号",realName:"姓名",departName:"科室",phoneNo:"电话"})
							}
						}
						
						cb(results);
						// console.log(that.restaurants)
					})
					.catch(function(error) {
						console.log(error);						
						that.$Toast('网络拥堵，刷新一下');
					});
					
			  
			},
			createFilter_u(queryString) {
				return (restaurant) => {
					// if(restaurant.realName){
						return (restaurant.realName.toLowerCase().indexOf(queryString.toLowerCase()) != -1);
					// }
				};
			},
			handleSelect_u(item) {
				if(!item.id){
					this.info.commitUserName=''
					return 
				}
				this.info.commitUserName = item.realName
				this.info.principalId = item.id
				this.isclick1 = true
				// this.did = item.id				
			},
		
			querySearch_fk(queryString, cb) {
				var that = this
				var name = this.uname_fk?this.uname_fk:''
				
				var url = encodeURI(this.$url + '/sys/user/select?realName='+name)
				this.$http.get(url)
					.then(function(response) {
						if (response.data.code == '1410') {
							that.$Toast(response.data.msg);
							sessionStorage.setItem('token', '')
							that.$router.push('/login')
							return
						}
						that.restaurants_xq = response.data.data
						that.restaurants_xq.unshift({userName:"账号",realName:"姓名",departName:"科室",phoneNo:"电话"})
						var restaurants_xq = that.restaurants_xq;
						var results = queryString ? restaurants_xq.filter(that.createFilter_xq(queryString)) : restaurants_xq;
						// 调用 callback 返回建议列表的数据
						if(results.length == 0){
							results.unshift({userName:"暂无内容",realName:"",departName:"",phoneNo:""})
						}else{
							if(results[0].id){
								results.unshift({userName:"账号",realName:"姓名",departName:"科室",phoneNo:"电话"})
							}
						}
						
						cb(results);
						// console.log(that.restaurants)
					})
					.catch(function(error) {
						console.log(error);						
						that.$Toast('网络拥堵，刷新一下');
					});
					
			  
			},
			querySearch_fp(queryString, cb) {
				var that = this
				var name = this.uname_fp?this.uname_fp:''
				
				var url = encodeURI(this.$url + '/sys/user/select?realName='+name)
				this.$http.get(url)
					.then(function(response) {
						if (response.data.code == '1410') {
							that.$Toast(response.data.msg);
							sessionStorage.setItem('token', '')
							that.$router.push('/login')
							return
						}
						that.restaurants_xq = response.data.data
						that.restaurants_xq.unshift({userName:"账号",realName:"姓名",departName:"科室",phoneNo:"电话"})
						var restaurants_xq = that.restaurants_xq;
						var results = queryString ? restaurants_xq.filter(that.createFilter_xq(queryString)) : restaurants_xq;
						// 调用 callback 返回建议列表的数据
						if(results.length == 0){
							results.unshift({userName:"暂无内容",realName:"",departName:"",phoneNo:""})
						}else{
							if(results[0].id){
								results.unshift({userName:"账号",realName:"姓名",departName:"科室",phoneNo:"电话"})
							}
						}
						
						cb(results);
						// console.log(that.restaurants)
					})
					.catch(function(error) {
						console.log(error);						
						that.$Toast('网络拥堵，刷新一下');
					});
					
			  
			},
			querySearch_xq(queryString, cb) {
				var that = this
				var name = name = this.uname_xq?this.uname_xq:''
				
				var url = encodeURI(this.$url + '/sys/user/select?realName='+name)
				this.$http.get(url)
					.then(function(response) {
						if (response.data.code == '1410') {
							that.$Toast(response.data.msg);
							sessionStorage.setItem('token', '')
							that.$router.push('/login')
							return
						}
						that.restaurants_xq = response.data.data
						that.restaurants_xq.unshift({userName:"账号",realName:"姓名",departName:"科室",phoneNo:"电话"})
						var restaurants_xq = that.restaurants_xq;
						var results = queryString ? restaurants_xq.filter(that.createFilter_xq(queryString)) : restaurants_xq;
						// 调用 callback 返回建议列表的数据
						if(results.length == 0){
							results.unshift({userName:"暂无内容",realName:"",departName:"",phoneNo:""})
						}else{
							if(results[0].id){
								results.unshift({userName:"账号",realName:"姓名",departName:"科室",phoneNo:"电话"})
							}
						}
						
						cb(results);
						// console.log(that.restaurants)
					})
					.catch(function(error) {
						console.log(error);						
						that.$Toast('网络拥堵，刷新一下');
					});
					
			  
			},
			createFilter_xq(queryString) {
				return (restaurant) => {
					// if(restaurant.realName){
						return (restaurant.realName.toLowerCase().indexOf(queryString.toLowerCase()) != -1);
					// }
				};
			},
			handleSelect_zz(item) {
				this.uname_zz = item.realName
				this.hyinfo.organizeId = item.id
				// this.did = item.id				
			},
			handleSelect_u2(item,type) {
				// console.log(item)
				// console.log(type)
				// if(!item.id){
				// 	this.rwinfo.completeId=''
				// 	return 
				// }
				this.completeName = item.realName
				this.rwinfo.completeId = item.id		
			},
			handleSelect_jl(item) {
				this.uname_jl = item.realName
				this.hyinfo.recordId = item.id
				// this.did = item.id				
			},
			handleSelect_rw(item) {
				this.uname_jl = item.realName
				this.hyinfo.recordId = item.id
				// this.did = item.id				
			},
			handleSelect_xq(item) {
				// if(!item.id){
				// 	this.uname_xq=''
				// 	return 
				// }
				this.uname_xq = item.realName
				this.xqinfo.adviceman = item.id
				// this.did = item.id				
			},
			beforeUpload(e){
				// this.showloading=true
				this.showloading=true
				const fd = new FormData();
				 fd.append("file", e);
				 fd.append("project", 'xm');
				 fd.append("secret", this.$md5(e.name + 'gd' + e.size));
				
				var that = this
				this.$http.post(this.$url + '/file/upload', fd, {
						headers: {
							'Content-Type': 'multipart/form-data; boundary=something'
						}
					})
					.then(function(response) {
						if (response.data.code == '1410') {
							that.$Toast(response.data.msg);
							sessionStorage.setItem('token', '')
							that.$router.push('/login')
							return
						}
						if(response.data.code != 0){
							that.$Toast(response.data.msg)
							that.showloading=false
							return
						}
						that.files3.push(response.data.data.relativePath)
						that.files3id.push(response.data.data.id)
						that.showloading=false
					})
					.catch(function(error) {
						console.log(error);
					});
					
				return false
			},
			beforeUpload2(e){
				// this.showloading=true
				this.showloading=true
				const fd = new FormData();
				 fd.append("file", e);
				 fd.append("project", 'rw');
				 fd.append("secret", this.$md5(e.name + 'gd' + e.size));
				
				var that = this
				this.$http.post(this.$url + '/file/upload', fd, {
						headers: {
							'Content-Type': 'multipart/form-data; boundary=something'
						}
					})
					.then(function(response) {
						if (response.data.code == '1410') {
							that.$Toast(response.data.msg);
							sessionStorage.setItem('token', '')
							that.$router.push('/login')
							return
						}
						if(response.data.code != 0){
							that.$Toast(response.data.msg)
							that.showloading=false
							return
						}
						that.files3.push(response.data.data.relativePath)
						that.files3id.push(response.data.data.id)
						that.showloading=false
					})
					.catch(function(error) {
						console.log(error);
					});
					
				return false
			},
			beforeUpload_i(e){
				// this.showloading=true
				this.showloading=true
				const fd = new FormData();
				 fd.append("file", e);
				 fd.append("project", 'xm');
				 fd.append("secret", this.$md5(e.name + 'gd' + e.size));
				
				var that = this
				this.$http.post(this.$url + '/file/upload', fd, {
						headers: {
							'Content-Type': 'multipart/form-data; boundary=something'
						}
					})
					.then(function(response) {
						if (response.data.code == '1410') {
							that.$Toast(response.data.msg);
							sessionStorage.setItem('token', '')
							that.$router.push('/login')
							return
						}
						if(response.data.code != 0){
							that.$Toast(response.data.msg)
							that.showloading=false
							return
						}
						that.files_i.push(response.data.data.relativePath)
						that.files3id_i.push(response.data.data.id)
						that.showloading=false
					})
					.catch(function(error) {
						console.log(error);
					});
					
				return false
			},
			del_file3(i){
				var that = this
				var param = {fileId:this.files3id[i]}
				this.$http.post(this.$url + '/main/delete/file', this.$qs.stringify(param))
					.then(function(response) {
						console.log(response)
							that.files3.splice(i,1)
							that.files3id.splice(i,1)
						that.fileList3.splice(i,1)
						if(that.check == 1){
							that.addrw('check')
						}
					})
					.catch(function(error) {
						console.log(error);
						
						that.$Toast('网络拥堵，刷新一下');
					});
			},
			check_file(url){
					   window.open(url, '_blank');
			},
			uploadsuc3(file, fileList){
				if(file.code != 0){
					this.$Toast(file.msg)
					this.showloading=false
					return
				}
				 this.files3.push(file.data.relativePath)
				 this.files3id.push(file.data.id)
				 this.showloading=false
			
			},
			closepay(){
				this.showpay = false;
				this.showinv = false;
				
				this.payinfo={}
				this.invinfo={}
				this.uname_fk=''
				this.uname_fp=''
				this.files3id_i = []
				this.files_i = []
				this.fileList_i = []
			},
			handleSizeChangex(val) {
				  
					this.limitx = val
					if(this.activeName == 3){
						this.getxqlist()
					}else if(this.activeName == 4){
						this.gethylist()
					}else if(this.activeName == 5){
						this.gethtlist()
					}else if(this.activeName == 2){
						this.getrwlist()
					}
			},
			handleCurrentChangex(val,i) {
					console.log('i-----'+i);
					console.log(val);
					this.pagex = val
					if(this.activeName == 1){
						this.getdylist()
					}else if(this.activeName == 3){
						this.getxqlist()
					}else if(this.activeName == 4){
						this.gethylist()
					}else if(this.activeName == 5){
						this.gethtlist()
					}else if(this.activeName == 2){
						this.rwlist[i].pagex = val
						this.getrwlist(this.rwlist[i].id,i)
					}
			},
			//显示当前时间（年月日时分秒）
			timeFormate2(timeStamp) {
				  let year = new Date(timeStamp).getFullYear();
				  let month =new Date(timeStamp).getMonth() + 1 < 10? "0" + (new Date(timeStamp).getMonth() + 1): new Date(timeStamp).getMonth() + 1;
				  let date =new Date(timeStamp).getDate() < 10? "0" + new Date(timeStamp).getDate(): new Date(timeStamp).getDate();
				let hh =new Date(timeStamp).getHours() < 10? "0" + new Date(timeStamp).getHours(): new Date(timeStamp).getHours();
				let mm =new Date(timeStamp).getMinutes() < 10? "0" + new Date(timeStamp).getMinutes(): new Date(timeStamp).getMinutes();
				let ss =new Date(timeStamp).getSeconds() < 10? "0" + new Date(timeStamp).getSeconds(): new Date(timeStamp).getSeconds();
				
				 return year + "-" + month + "-" + date+" "+hh+":"+mm+':'+ss  ;
			},
			//显示当前时间（年月日）
			timeFormate(timeStamp) {
				  let year = new Date(timeStamp).getFullYear();
				  let month =new Date(timeStamp).getMonth() + 1 < 10? "0" + (new Date(timeStamp).getMonth() + 1): new Date(timeStamp).getMonth() + 1;
				  let date =new Date(timeStamp).getDate() < 10? "0" + new Date(timeStamp).getDate(): new Date(timeStamp).getDate();
				 return year + "-" + month + "-" + date  ;
			},
			closeadd2(){
				// this.showadd = false;
				this.showinfo = false;
				this.value3 = ''
				this.xmDescription = ''
				this.uname = ''
				this.user_c = []
				this.cnames = ''
				this.activeName = 1
				this.pagex=1
				this.$emit('show',false);
				
			},
		}
	}
</script>

<style lang='less' scoped>
	.dybox .el-pagination__sizes .el-select--mini,
	.el-pagination .el-select .el-input .el-input__inner {
		width: 110px !important;
	}

	/deep/ .el-pagination .btn-prev {
		border: 1px solid #ccc;
		padding: 0;
		border-right: none;
		min-width: 33px;
		height: 33px;
		padding-top: 2px;
	}

	/deep/ .el-pagination .btn-next {
		border: 1px solid #ccc;
		padding: 0;
		border-left: none;
		min-width: 33px;
		height: 33px;
		padding-top: 2px;
	}

	/deep/ .el-pager li {
		border: 1px solid #ccc;
		padding: 0;
		border-right: none;
		min-width: 33px;
		height: 33px;
		line-height: 33px;
	}

	/deep/ .el-pager li:nth-last-of-type(1) {
		border-right: 1px solid #ccc;
	}

	/deep/ .el-pager li.active {
		border: #4286f5 1px solid;
		background: #4286f5;
		color: #fff;
	}

	.numslen {
		position: absolute;
		bottom: 0px;
		right: 50px;
		font-size: 12px;
	}

	/deep/ .el-input--prefix .el-input__inner {
		height: 34px;
		padding: 0 8px;
	}

	td,
	th {
		padding: 10px;
	}


	td /deep/ .el-date-editor--date .el-input__inner {
		width: 100% !important;
	}

	/deep/ .el-date-editor--date .el-input__inner {
		width: 150px !important;
	}


	.subli .radio .el-radio-group label {
		min-height: 34px;
		display: flex;
		align-items: center;
		margin-top: 0 !important;
		margin-bottom: 0 !important;
		margin-left: 0 !important;
		padding-left: 0;
	}

	.sublia {
		display: flex;

	}

	.subli textarea {
		width: 673px;
		height: 70px;
		background: #FFFFFF;
		border: 1px solid #CCCCCC;
		box-shadow: 0px 2px 0px 0px #EEEEEE;
		border-radius: 5px;
		outline: none;
		padding: 10px 10px;
	}

	.subli /deep/ .el-date-editor--date .el-input__inner,
	.subli /deep/ .el-date-editor.el-input,

	.subli /deep/ .el-input,
	.subli /deep/ .input,
	.el-date-editor.el-input__inner {
		width: 271px !important;
	}

	.subl {
		width: 100px;
		text-align: right;
		margin-right: 17px;
	}

	/* .el-date-editor--datetime {
		width: 100% !important;
	} */

	.el-date-editor--datetime .el-input__suffix {
		right: 25px;
		left: auto;
		width: 25px;
	}

	.el-date-editor--datetime .el-input__prefix {
		right: 5px;
		left: auto;
		width: 25px;
	}

	.subli /deep/ .el-input__prefix,
	.task_r /deep/ .el-input__prefix {
		right: 5px;
		left: auto;
		width: 25px;
	}

	td /deep/ .el-input__prefix {
		right: 5px;
		left: auto;
		width: 25px;
	}

	.subli input,
	.subli .el-select {
		width: 271px;
		margin-left: 0;
	}

	.subli /deep/ .el-input__inner {
		height: 34px;
	}

	.subli label {
		margin-bottom: 0;
	}

	.sublist {
		padding-top: 15px;
	}

	.subli_left {
		display: flex;
		/* align-items: center; */
		width: 50%;
	}

	.subli {
		display: flex;
		/* align-items: center; */
		color: #000;
		margin-bottom: 15px;
		justify-content: space-between;
	}


	.enr_alert_scorll td {
		word-break: break-all;
		max-width: 60px;
	}

	.enr_alert_scorll {
		padding-bottom: 0;
	}

	.upd {
		width: 60px;
	}

	.msgbox {
		display: flex;
		justify-content: space-between;
	}

	.msgbox_left {
		display: flex;
		align-items: center;
	}

	.sendbtn {
		width: 57px;
		height: 34px;
		background: #32B16C;
		border-radius: 6px;
		font-size: 14px;
		font-family: Microsoft YaHei;
		font-weight: 400;
		color: #FFFFFF;
		display: flex;
		align-items: center;
		justify-content: center;
		margin-left: -3px;
		cursor: pointer;
	}

	.sendinp {
		width: 264px;
		height: 34px;
		background: #FFFFFF;
		border: 1px solid #CCCCCC;
		border-right: none;
		box-shadow: 0px 2px 0px 0px #EEEEEE;
		border-radius: 5px 0 0 5px;
		padding-left: 10px;
		outline: none;
	}

	.rightbix {
		overflow-y: auto;
		height: calc(100vh - 280px);
		margin-bottom: 23px;
	}

	.sanj2 {
		width: 0;
		height: 0;
		border-right: 9px solid #F1F4FD;
		border-top: 12px solid transparent;
		border-bottom: 12px solid transparent;
		margin-top: 9px;
	}

	.sanj {
		width: 0;
		height: 0;
		border-left: 9px solid #F1F4FD;
		border-top: 12px solid transparent;
		border-bottom: 12px solid transparent;
		margin-top: 9px;
	}

	.r_bto {
		display: flex;
		justify-content: end;

	}

	.rightli {
		display: flex;
		align-items: flex-end;
		flex-direction: column;
		margin-bottom: 19px;
	}

	.leftli {
		display: flex;
		align-items: flex-start;
		flex-direction: column;
		margin-bottom: 19px;
	}

	.rbto {
		width: 286px;
		/* height: 77px; */
		background: #F1F4FD;
		border-radius: 6px;
		padding: 14px;
		font-size: 12px;
		color: #000000;

		line-height: 18px;
	}

	.rt {
		color: #999999;
		font-size: 12px;
	}

	.rtl {
		display: flex;
	}

	.rname {
		font-size: 12px;
		color: #000000;
		margin-right: 10px;
	}

	.leftli .r_top {
		margin-right: 0;
		margin-left: 55px;
	}

	.r_top {
		display: flex;
		justify-content: space-between;
		width: 286px;
		margin-right: 60px;
	}

	.task_r .iconfont {
		font-size: 24px;
		position: absolute;
		top: 0;
		right: 5px;
		line-height: 34px;
		cursor: pointer;

	}

	.task_r {
		line-height: 34px;
		position: relative;
	}

	.rwlistadd {
		display: flex;
		align-items: center;
		margin-right: 20px;
	}

	.rwadditem {
		margin-left: 20px;
		display: flex;
		align-items: center;
	}

	.rwadditem div {
		display: flex;
		align-items: center;
		margin-right: 10px
	}



	.addht {
		font-size: 22px;
	}

	.httablist {
		margin-bottom: 20px;
	}

	.httitle {
		font-size: 16px;
		font-weight: bold;
	}

	.addht:hover {
		color: #4286F5;
	}

	.dybox {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		width: 100%;
	}

	.dy_left {
		display: flex;
		width: 48%;
		font-size: 14px;
		padding-bottom: 15px;
		padding-right: 10px;
		border-right: 1px solid #ccc;

	}

	.dy_left:nth-of-type(even) {
		border-right: none;

	}

	.dy_date {
		width: 147px;
	}

	.dy_text {
		margin-right: 20px;
	}

	.dy_xmname {
		color: #649bf4;
		width: calc(100% - 306px);
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.dy_name {
		color: #37b36c;
		width: 80px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.dynamic {
		background: #f5f5f5;
		width: 100%;
		padding: 10px 20px;
		display: flex;
		flex-wrap: wrap;
		margin-bottom: 20px;
		justify-content: space-between;
	}

	.secsn {
		position: relative;
	}

	.rwlist_r {
		display: flex;
	}

	.cur {
		color: #dcdcdc;
		margin-right: 10px;
	}

	.rwlist_l {
		display: flex;
		color: #626262;
		align-items: center;
		font-size: 14px;
	}

	.list_btn_del2 {
		background: #FFFFFF;
		border: 1px solid #CCCCCC;
	}

	.rwlist {
		/* width: 1342px; */
		height: 52px;
		background: #F5F5F5;
		border-radius: 3px;
		margin-bottom: 6px;
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 0 20px
	}

	.up {
		margin-left: 9px;
		transition: all .3s;
	}

	.list_btn_edit {

		color: #4286F5;
		background: #EFF4FC;
	}

	.list_btn_add {

		background: #ECF5ED;
		color: #32B16C;
	}

	.list_btn_del {

		color: #555555;
		background: #F2F2F2;
	}

	.list_title_r {
		display: flex;
	}

	.list_btns img {
		width: 14px;
		margin-right: 3px;
	}

	.list_btns {
		width: 63px;
		height: 28px;
		border-radius: 3px;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 14px;
		margin-left: 9px;
		cursor: pointer;
	}

	.list_title_l strong {
		margin-left: 5px;
	}

	.list_title_l span {
		min-width: 23px;
		padding: 0 5px;
		height: 23px;
		background: #32B16C;
		border-radius: 50%;
		font-size: 17px;
		font-family: Microsoft YaHei;
		font-weight: bold;
		color: #fff;
	}

	.list_title_l {

		font-size: 16px;
		font-family: Microsoft YaHei;
		font-weight: bolder;
		color: #32B16C;
	}

	.list_title {
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin-bottom: 20px;
	}

	/* /deep/ .el-tabs__header{
		position: sticky;
		background-color: #fff;
		z-index: 2;
		top: 0;
	} */
	.act_top {

		background: #4286F5 !important;
		color: #FFFFFF !important;
	}

	.tab_top {
		display: flex;
		margin-top: 10px;
		padding-bottom: 22px;
		width: 100%;
		border-bottom: 3px solid #f5f5f5;
	}

	.top_1 {
		width: 79px;
		height: 30px;
		background: #EEEEEE;
		border-radius: 30px;
		font-size: 14px;
		color: #000000;
		margin-right: 7px;
		cursor: pointer;
		display: flex;
		align-items: center;
		justify-content: center;
	}
</style>
